Запрос кнопки JS с параметрами Да / Нет

Question

Создание кнопки «Удалить токен», которая предупредит пользователя подтверждением «Да» или «Нет». Не будет работать с моим текущим кодом:

<button onclick="alertFunction">Remove Token</button>
  <script>
  function alertFunction() {
  if (confirm('Remove token?')) {
    return;
  } else {
  return false;
  }
  }
  </script>

Что я делаю не так? Спасибо.

Answer 1

Основная проблема связана с отсутствующими скобками () в следующей строке:

<button onclick="alertFunction()">Remove Token</button>
______________________________^^

Я предлагаю избегать встроенного события onclick и использовать вместо него addEventListener():

document.getElementById('my-button').addEventListener('click', function() {
  if (confirm('Remove token?')) {
    console.log('OK');
  } else {
    console.log('Cancel');
  }
})

<button id="my-button">Remove Token</button>

Answer 2

<button onclick="alertFunction">Remove Token</button>

должно быть

<button onclick="alertFunction()">Remove Token</button>

но использование подхода Закарии, вероятно, является более правильным для этого типа функциональности. Вообще говоря, это хорошая привычка - хранить какие-либо функции вне вашей разметки.

Answer 3

Вы просто пропускаете () при вызове функции, т.е. onclick="alertFunction()"

В настоящее время событие onclick просто пытается использовать переменную и не запускать вашу функцию.

Полный код:

<button onclick="alertFunction()">Remove Token</button>
<script>
  function alertFunction() {
    if (confirm('Remove token?')) {
      return;
    } else {
      return false;
    }
  }
</script>