On one page I have more then one fileds to upload files. And for each I need a button to delete choosen file/files. But each button deletes files from all inputs. HTML this

<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>

This my JS

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