JavaScript-ով Ժամանակաչափի Մեկնարկի և Դադարի Կոճակներ

html<button id="start">start</button>
<button id="stop">stop</button>

javascriptlet start = document.querySelector('#start');
let stop  = document.querySelector('#stop');

javascriptstart.addEventListener('click', function() {
  let timerId = setInterval(function() {
    console.log('!')
  }, 1000);
});

javascriptstart.addEventListener('click', function() {
  let timerId = setInterval(function() {
    console.log('!')
  }, 1000);
});

// Դադարեցնում ենք ժամանակաչափը.
stop.addEventListener('click', function() {
  clearInterval(timerId);
});

javascriptlet timerId; // փոփոխականը դարձնում ենք գլոբալ

start.addEventListener('click', function() {
  timerId = setInterval(function() {
    console.log('!')
  }, 1000);
});

stop.addEventListener('click', function() {
  clearInterval(timerId);
});

Задание 1

Ենթադրենք, տրված է մի փոփոխական, որում սկզբնապես պահվում է 100 թիվը: Տրված են նաև երկու կոճակ: Առաջին կոճակի վրա կտտացնելիս գործարկեք մի ժամանակաչափ, որը ամեն վայրկյան կնվազեցնի փոփոխականի արժեքը 1-ով և կարտածի նոր արժեքը կոնսոլ: Հենց փոփոխականի արժեքը հասնի զրոյի` դադարեցրեք ժամանակաչափը:

Երկրորդ կոճակի վրա կտտացնելիս դադարեցրեք ժամանակաչափը: Նաև դադարեցրեք ժամանակաչափը, եթե երկրորդ կոճակը չի սեղմվել, բայց փոփոխականի արժեքը հասել է զրոյի:

Задание 2

Ինչ-որ ծրագրավորող գրել է կոդ, որը կոճակի վրա կտտացնելիս մեկնարկում է մի ժամանակաչափ, որն արտածում է ընթացիկ ժամանակը կոնսոլ.

html<input type="submit" id="start" value="start">
<input type="submit" id="stop"  value="stop">

javascriptlet start = document.querySelector('#start');
let stop  = document.querySelector('#stop');

start.addEventListener('click', function() {
  let timerId = setInterval(function() {
    let date = new Date;
    console.log(date.getMinutes() + ' ' + date.getSeconds());
  }, 1000);
});

stop.addEventListener('click', function() {
  clearInterval(timerId);
});

Սակայն կոդի գործարկումից հետո պարզվեց, որ դադարի կոճակը չի աշխատում: Ուղղեք կոդի հեղինակի սխալը:

Задание 3

Մեկ այլ ծրագրավորող նույնպես գրել է կոդ նախորդ խնդիրը լուծելու համար.

html<input type="submit" id="start" value="start">
<input type="submit" id="stop"  value="stop">

javascriptlet start = document.querySelector('#start');
let stop  = document.querySelector('#stop');

let timerId;

start.addEventListener('click', function() {
  let timerId = setInterval(function() {
    let date = new Date;
    console.log(date.getMinutes() + ' ' + date.getSeconds());
  }, 1000);
});

stop.addEventListener('click', function() {
  clearInterval(timerId);
});

Սակայն կոդի գործարկումից հետո նորից պարզվեց, որ դադարի կոճակը չի աշխատում: Ուղղեք կոդի հեղինակի սխալը:

Задание 4

Մեկ այլ ծրագրավորող նույնպես գրել է կոդ նախորդ խնդիրը լուծելու համար.

html<input type="submit" id="start" value="start">
<input type="submit" id="stop"  value="stop">

javascriptlet start = document.querySelector('start');
let stop  = document.querySelector('stop');

let timerId;

start.addEventListener('click', function() {
  setInterval(function() {
    let date = new Date;
    console.log(date.getMinutes() + ' ' + date.getSeconds());
  }, 1000);
});

stop.addEventListener('click', function() {
  clearInterval(timerId);
});

Սակայն կոդի գործարկումից հետո նորից պարզվեց, որ դադարի կոճակը չի աշխատում: Ուղղեք կոդի հեղինակի սխալը:

Задание 5

Մեկ այլ ծրագրավորող նույնպես գրել է կոդ նախորդ խնդիրը լուծելու համար.

html<input type="submit" id="start" value="start">
<input type="submit" id="stop"  value="stop">

javascriptlet start = document.querySelector('start');
let stop  = document.querySelector('stop');

let timerId;

start.addEventListener('click', function() {
  let timerId = setInterval(function() {
    let date = new Date;
    console.log(date.getMinutes() + ' ' + date.getSeconds());
  }, 1000);
});

stop.addEventListener('click', function() {
  clearInterval();
});

Սակայն կոդի գործարկումից հետո նորից պարզվեց, որ դադարի կոճակը չի աշխատում: Ուղղեք կոդի հեղինակի սխալը:

Задание 6

Տեսական մասում բերված իմ կոդը հաշվի չի առնում, որ մեկնարկի կոճակի վրա կարելի է մի քանի անգամ կտտացնել: Այս խնդիրը ուղղելու համար կարելի է մեկնարկի կոճակի վրա կտտացնելիս անջատել իրադարձությունը այդ կոճակից, իսկ դադարի կոճակի վրա կտտացնելիս` կրկին կապել այն: Ուղղեք խնդիրը: