जावास्क्रिप्ट पर टाइमर शुरू और रोकने के बटन

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

सैद्धांतिक भाग में मेरे द्वारा दिया गया कोड इस बात को ध्यान में नहीं रखता कि स्टार्ट बटन पर कई बार क्लिक किया जा सकता है। इस समस्या को ठीक करने के लिए स्टार्ट बटन पर क्लिक करने पर इस बटन से इवेंट को अनबाइंड किया जा सकता है, और स्टॉप बटन पर क्लिक करने पर - वापस बाइंड कर दिया जा सकता है। समस्या को ठीक करें।