Вишеструко кликтање на дугме за покретање тајмера у JavaScript-у
Код који сам навео/ла горе, у ствари има одређени проблем. Овај проблем се манифестује у случају да се на наше дугме кликне више пута. У том случају сваки клик ће довести до покретања новог тајмера.
То јест, на пример, три притиска на дугме ће довести до тога да ће се покренути три тајмера, и сваки од тих тајмера ће исписовати вредност бројача у конзолу. То значи да ће се вредности мењати три пута брже!
За решење описаног проблема треба једноставно учинити да поновни притисак на дугме не доводи до новог покретања тајмера. На пример, може се након старта тајмера одвезати са дугмета прикачену рутину за клик:
let start = document.querySelector('#start');
start.addEventListener('click', function func() {
let i = 0;
setInterval(function() {
console.log(++i);
}, 1000);
this.removeEventListener('click', func); // одвезујемо рутину
});
Узмите ваше решење претходног задатка. Проверите да ли вишеструко кликтање на дугме доводи до убрзања одбројавања. Исправите овај проблем.