JSFiddle - React, Tailwind, and code Playground

by Paulpro

HTML

<form enctype="multipart/form-data" method = "post" action="newPost.php" id = "rental_form">
    <div id = "container">
        <input type = "file" class="filer" name = "file1" />
    </div>
    <input type = "submit" />
</form>

JavaScript

$(function() {
    $('.filer').change(function() {
        alert('Test');
        displayFileInput();
    });
});

function displayFileInput() {
    alert('Test');
    var counter = document.getElementById("counter").value;
    var n = (parseInt(counter) + 1).toString();
    var element = document.getElementById("container");
    var string = "<br /><input type = "
    file " name = "
    file "+n+"" onchange ="
    javascript: displayFileInput()"  />Default:<input type = "
    radio " name = "
    main_picture " value = ""+n+""  />";
    element.innerHTML = element.innerHTML + string;
    document.getElementById("counter").value = n;
    return false;
}