xxxxxxxxxx1
<div class="container mt-5">2
<button id="append-file-input" class="btn btn-primary">3
append file input4
</button>5
<div id="wrapper">6
7
</div>8
</div>1
1
xxxxxxxxxx1
const wrapper = document.querySelector('#wrapper')2
const addFileInputButton = document.querySelector('#append-file-input')3
const fileUpload = `4
<label class="form-label" for="customFile">Default file input example</label>5
<input type="file" class="form-control" id="customFile" />6
`7
addFileInputButton.addEventListener('click', () => {8
wrapper.insertAdjacentHTML( 'beforeend', fileUpload );9
}) Console errors: 0