JSFiddle - React, Tailwind, and code Playground

by xgc1986

HTML

<form id="form">
    <div id=files>
        <input id="first" type="file" name="file0" />
    </div>
    <input type=submit>
</form>

JavaScript

var inputs = 1;
var lastFieldInput = document.getElementById('first');

function addFile() {
    lastFieldInput.removeEventListener('change', addFile, false);
    lastFieldInput = document.createElement('input');
    lastFieldInput.type = "file";
    lastFieldInput.name = "file" + inputs;
    lastFieldInput.addEventListener('change', addFile, false);
    inputs++;
    // add classes
    // add more attributes
    document.getElementById('files').appendChild(lastFieldInput);
}

lastFieldInput.addEventListener('change', addFile, false);