Такая задача у меня есть форма регистрации, там 4 поля для ввода input нужно сделать что бы у пользователя была возможность удавить по нажатию на крестик все что он ввел в отдельном input, можно присвоить каждому input id и потом воспользоваться document.getElementById('myInput').value = '' но не хочется присваивать столько id это не правильно, какое есть более простое решение и универсальное, ну само собой удаление должно происходить после событие клик.
document.getElementById('rst').onclick = resetForm
function resetForm(evt) {
if (evt.target.parentElement) {
var form = evt.target.parentElement;
var inputs = form.getElementsByTagName('input')
for (let i = 0; i < inputs.length; i++) {
inputs[i].val = ''
}
}
}