Почему я не могу сбросить это значение формы пустым с помощью JavaScript?

Question

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

Остальная часть калькулятора работает просто отлично, только кнопка очистки имеет проблемы,Я даже пытался установить само значение в число или строку, и это тоже не имеет никакого эффекта.

Вот код:

function clear() {
  document.form.textview.value = '';
}

<form class="form" name="form">
  <input class="textview" name="textview" placeholder="0">
</form>
<input class="button CE-button" type="button" value="CE" onclick="clear()">

Answer 1

clear() нельзя использовать в качестве имени функции, как указал Джек Бэшфорд в своем ответе. Однако, если вы используете форму, вы должны просто использовать функцию form.reset() вместо установки значения вручную:

<form class="form" name="form">
  <input class="textview" name="textview" placeholder="0">
</form>
<input class="button CE-button" type="button" value="CE" onclick="document.querySelector('form').reset()">

Еще лучше, просто используйте сброс button:

<form class="form" name="form">
  <input class="textview" name="textview" placeholder="0"><br>
  <button class="button CE-button" type="reset">CE</button>
</form>

Answer 2

Очистить - это зарезервированная функция в JavaScript - используйте что-то еще, например clearForm:

function clearForm() {
  document.form.textview.value = '';
}

<form class="form" name="form">
  <input class="textview" name="textview" placeholder="0">
</form>
<input class="button CE-button" type="button" value="CE" onclick="clearForm()">

Answer 3

Функция Clear () не может быть использована, и вы можете заменить ее на другое имя функции.Однако использование «перезагрузки» может быть хорошим вариантом.

Answer 4

Джек Башфорд прав.Вы также можете просто использовать функцию jQuery:

var clearField = function() {
    $('.textview').val("");
}