Как Удалить введённый текст из input?

Question

[Сергей Бурцев]

Такая задача у меня есть форма регистрации, там 4 поля для ввода input нужно сделать что бы у пользователя была возможность удавить по нажатию на крестик все что он ввел в отдельном input, можно присвоить каждому input id и потом воспользоваться document.getElementById('myInput').value = '' но не хочется присваивать столько id это не правильно, какое есть более простое решение и универсальное, ну само собой удаление должно происходить после событие клик.

Answer 1

[Sun_Day]

Answer 2

[Владимир Коротенко]

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 = ''
    }
  }

}

Comments

[Владимир Коротенко]

И да Reset должен сам сбрасывать форму.
https://developer.mozilla.org/en-US/docs/Web/HTML/...

[Сергей Соколов]

Владимир Коротенко, ТС не всю форму, а выбранное поле хочет сбрасывать, остальные оставив.

[Владимир Коротенко]

Сергей Соколов, ну да пропустил это как то

Answer 3

[Сергей Соколов]