JS сбросить форму

Форма может быть сброшена с помощью метода reset. Этот метод устанавливает все значения формы в исходное состояние с помощью JavaScript.

Рассмотрим пример. Пусть у нас есть следующая форма:

html<form id="form">
  <input type="text" name="user" value="john">
  <button type="button" id="btn">сброс</button>
</form>

Получим ссылки на форму и на кнопку с помощью метода querySelector:

javascriptlet form = document.querySelector('#form');
let btn  = document.querySelector('#btn');

Привяжем к кнопке обработчик клика:

javascriptbtn.addEventListener('click', function() {
  
});

Внутри обработчика выполним сброс формы:

javascriptbtn.addEventListener('click', function() {
  form.reset();
});