JSFiddle - React, Tailwind, and code Playground

by AndyE

HTML

<span class="file-wrapper" id="fileSpan">
    <input type="file" name="photo[]" id="photo" />
    <span class="button">Click to choose photo</span>
</span>
<div id="newDiv"></div>

CSS

#newDiv { border: 1px solid green; }

JavaScript

var photo = document.getElementById("photo");
photo.id  = "newId";
document.getElementById("newDiv").appendChild(photo);