Функция Onclick не работает при вызове функции

Question

У меня есть кнопка, которая не вызывает функцию при нажатии кнопки. Функция onclick может отображать окно предупреждения, но не запускает вызов функции.

...
   <fieldset>
        <legend>Billing Information</legend>
        <label for="name2">Name:</label><br>
        <input type="text" id="name2" name="full_name"><br>
        <label for="zip2">Zip code:</label><br>
        <input type="text" id="zip2" name="zip_code">
   </fieldset>
   <button type="button" onclick="clear()">Verify</button>
...
<script>
    function clear() {
        document.getElementById("name1").value = "";
        document.getElementById("zip1").value = "";
        document.getElementById("name2").value = "";
        document.getElementById("zip2").value = "";
    }
...
</script>

Так что это работает:

   <button type="button" onclick="alert("Hello")">Verify</button>

Но функция clear не работает. Я не понимаю, почему это не работает.

Answer 1

Это придирчиво.

Проблема здесь в том, что слово clear находится в области действия document.clear. Итак, этот метод запрашивается вместо вашего.

Решение было бы использовать для запуска этой функции слово, отличное от clear.

Другое решение состояло бы не в том, чтобы использовать встроенные обработчики событий, а в том, чтобы определить слушателя в коде. используя javascript.

Вот некоторая документация по document.clear(). Он находится в процессе удаления из веб-стандартов.

https://developer.mozilla.org/en-US/docs/Web/API/Document/clear