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

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

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

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

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

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

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

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

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

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