En una página tengo más de un archivo para cargar archivos. Y para cada uno necesito un botón para eliminar el archivo/archivos elegidos. Pero cada botón elimina archivos de todas las entradas. HTML esto

 <div class="row row-cols-2 monitoring-form"> <div class="form-group mt-3 col-3"> <input type="file" id="monitoring-upload-1" class="monitoring-upload" name="file[]" multiple> <button onclick="deleteMe(1)" class="monitoring-delete-file">x</button> </div> <div class="form-group mt-3 col-3"> <input type="file" id="monitoring-upload-2" class="monitoring-upload" name="file[]" multiple> <button onclick="deleteMe(2)" class="monitoring-delete-file">x</button> </div> <div class="form-group mt-3 col-3"> <input type="file" id="monitoring-upload-3" class="monitoring-upload" name="file[]" multiple> <button onclick="deleteMe(3)" class="monitoring-delete-file">x</button> </div> <div class="form-group mt-3 col-3"> <input type="file" id="monitoring-upload-4" class="monitoring-upload" name="file[]" multiple> <button onclick="deleteMe(4)" class="monitoring-delete-file">x</button> </div> <div class="form-group mt-3 col-3"> <input type="file" id="monitoring-upload-5" class="monitoring-upload" name="file[]" multiple> <button onclick="deleteMe(5)" class="monitoring-delete-file">x</button> </div> </div>

Este es mi JS

 function deleteMe(nbr) { document.getElementById('monitoring-upload-' + nbr).value = ''; }