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

න්‍යායාත්මක කොටසෙහි මා විසින් ඉදිරිපත් කරන ලද කේතය start බොත්තම මත කිහිප වතාවක් ක්ලික් කළ හැකි බව සැලකිල්ලට නොගනී. මෙම ගැටලුව නිවැරදි කිරීම සඳහා start බොත්තම ක්ලික් කිරීමෙන් මෙම බොත්තමෙන් සිදුවීම ඉවත් කර, stop බොත්තම ක්ලික් කිරීමෙන් - නැවත බැඳිය හැකිය. ගැටලුව නිවැරදි කරන්න.