Как сделать срабатывание скрипта через раз при нажатии на кнопку

Question

Как сделать, что-бы при нажатии на кнопку скрипт срабатывал через раз?

document.getElementById('yourId').onclick = function() {
    alert('Неверный код');
}

<button id="yourId"><span>Подтвердить код</span></button>

Answer 1

Можно сделать подобное просто через внешнюю переменную:

let oddFlag = true

function oddHandler(){
  if (oddFlag) alert('Неверный код')
  oddFlag = !oddFlag
}

document.getElementById('yourId').onclick = oddHandler

<button id="yourId"><span>Подтвердить код</span></button>

Но вообще, есть решение поэлегантнее - через замыкание. Но, в таком случае нужно присвоить ВЫЗОВ функции:

function createOddHandler(){
  let oddFlag = true
    
  return () => {
    if (oddFlag) alert('Неверный код')
    oddFlag = !oddFlag
  }
}

document.getElementById('yourId').onclick = createOddHandler()

<button id="yourId"><span>Подтвердить код</span></button>

БЛОГ НА HUSL

Как сделать срабатывание скрипта через раз при нажатии на кнопку

Ответы (1 шт):