Как добавить функцию очистки input с помощью JS?

Question

[mx928]

Есть форма в стиле Material Design

Пытаюсь добавить кнопки сброса к инпутам в виде крестиков, появляющихся справа когда в поле есть значение.

Подскажите как добавить событие на кнопку (крестик), чтобы при нажатии на неё поле очищалось?

Comments

[Alex]

Опишите всё, что вы уже сделали для решения проблемы. Не забудьте рассказать, почему тот или иной вариант действий не сработал. Это даст окружающим дополнительную информацию о вашей проблеме и сократит время поиска решения.

Answer 1

[mx928]

Вопрос решен следующим образом

[].forEach.call(document.querySelectorAll('.form-field__clear'), (button) => {
  const field = button.parentNode.querySelector('.form-field__input, .form-field__textarea');
  button.addEventListener('mousedown', (e) => {
    e.preventDefault();
    field.value = '';
  });
});

Answer 2

[Lukmann]

эммм,при нажатии на кнопку делаете input.value = '' и все