Почему не выводится alert?

Question

[Bikijol]

<button onclick = "showAlert()" id="clearButton">Подтвердить</button>

document.getElementById("clearButton").onclick = function(e) {
    document.getElementById("textInput").value = "";
  }
  function showAlert() {
  alert("sss!")};

Answer 1

[Elaryks]

У DOM-элемента может быть только одно свойство onclick. Вы перезаписываете его через document.getElementById("clearButton").onclick на сброс значения поля ввода.

Вы можете либо объединить код в одну функцию, либо использовать addEventListener, который позволяет вешать несколько обработчиков на одно событие:

const buttonEl = document.getElementById("clearButton");

buttonEl.addEventListener("click", () => {
  // Необходимый код 1
});

buttonEl.addEventListener("click", () => {
  // Необходимый код 2
});