Почему кнопка не срабатывает?

Question

[Виктор Фамильевич]

<a id="reset">Очистить</a>

document.getElementById("reset").click(function (e) {
        e.preventDefault();
        reset();
    });
function reset() {
        const form = document.forms["EmployeeForm"];
        form.reset();
        form.elements["id"].value = 0;
    }

Подскажите почему не срабатывает функция? Кнопка в форме

Answer 1

[Даниил Попов]

Вместо .click вам нужно использовать .onclick, как минимум

document.getElementById("reset").onclick = function ...

.click() используется для программной эмуляции клика по элементу. Т.е. click вызовет срабатывание onclick

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

Answer 2

[Алекс К]

document.getElementById("reset").addEventListener("click", function (e) {});

Answer 3

[Rsa97]

document.getElementById("reset").addEventListener('click', function(e) { ... });