Очистить поле ввода без перезагрузки страницы

Question

У меня есть поле ввода, в котором пользователь вводит имя в конце теста, и я пробовал различные способы очистки поля. Страница не может быть перезагружена, поскольку пользователь может перезапустить тест.

Вот мой HTML:

    <div class="js-quiz-submit">
    <input type="text" class="js-name" placeholder="Please Enter Your Name"/>
    <input type="button" class="js-submit" value="Submit"/>
    </div>

Answer 1

Я думаю, что лучший способ будет:

document.querySelector(".js-name").value = "";

Answer 2

Html:

<div class="js-quiz-submit">
  <input type="text" id="js-name" class="js-name" placeholder="Please Enter Your Name"/>
  <input type="button" class="js-submit" value="Submit"/>
</div>

Javascript:

document.getElementById('js-name').value='';

Answer 3

Если ваше поле ввода имеет форму, скажем #quiz-form, тогда вы можете очистить поля формы следующим образом:

var form = document.querySelector('#quiz-form');
form.reset();