Как запретить создание новых чисел?

Question

[WarriorKodeK]

У меня генерируются числа, и идет проверка в картке на совпадения . Когда все заполнено по горизонтали и вертикали, то выскакивает алерт и после этого должно все остановится, но у меня происходит дальше генерация.

Код - https://codepen.io/anon/pen/JpORLP?editors=0010

Подскажите как поправить?

Answer 1

[Stalker_RED]

Перед алертом делайте clearInterval(timer);, где timer - айди того таймера с createBall.

Comments

[WarriorKodeK]

Что-то по типу -

const createBall = timer => {
  if (isWon) {
    clearInterval(timer);
    alert('Bingo!');
    return;
  }
  const output = document.querySelector('.output'),
    ballNum = generateNumbers(25, 100),
    ball = document.createElement('span');
  ball.className = 'num';
  ball.textContent = ballNum;
  output.appendChild(ball);
  checkCell(ballNum);
  checkHorizontal();
  checkVertical();
};

const startGame = () => {
  let timer;
  displayOutput();
  removeBtn('remove');
  removeBtn('addCard');
  removeBtn('startGame');
  createButton('stop', 'Stop Gaming', stopGame);
  timer = setInterval(() => {
    createBall(timer);
  }, 2000);
};

???

[WarriorKodeK]

Или создавать таймер уже внутри ф-ции createBall?

[Stalker_RED]

WarriorKodeK,

И неплохо бы проверить, что такое isWon
Может ли быть такое, что вообще никто не победил, а карточки уже все заполнены?

[WarriorKodeK]

Да все сделал. спасибо вам!

[Stalker_RED]

WarriorKodeK, что-то не так с вашим isWon, он таки сработал, но когда было уже ШЕСТЬ выигрышных комбинаций


(и да, для более быстрой отладки удобно ускорить таймер раз в 50)

[WarriorKodeK]

Stalker_RED, Хм, надо проверить. Хз почему так.