জাভাস্ক্রিপ্টে টাইমার শুরু এবং বন্ধ করার বাটন

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

তাত্ত্বিক অংশে আমি দেওয়া কোডটি এই বিষয়টি বিবেচনা করে না যে স্টার্ট বাটনে একাধিকবার ক্লিক করা যেতে পারে। এই সমস্যা সমাধানের জন্য স্টার্ট বাটনে ক্লিক করলে ইভেন্টটি এই বাটন থেকে আনবাইন্ড করা যেতে পারে, আর স্টপ বাটনে ক্লিক করলে - আবার বাইন্ড করা যেতে পারে। সমস্যাটি সংশোধন করুন।