JavaScript-এ মডিফায়ার কী ট্র্যাক করা

Event অবজেক্ট ব্যবহার করে আপনি জানতে পারবেন, ইভেন্টের মুহূর্তে Ctrl, Alt এবং Shift কী চাপা ছিল কিনা। এটি ctrlKey, altKey এবং shiftKey বৈশিষ্ট্যগুলির মাধ্যমে করা হয় - তাদের মান true বা false এই উপর নির্ভর করে যে, ইভেন্টের মুহূর্তে কীটি চাপা ছিল কিনা।

আসুন একটি উদাহরণ দেখি। ধরুন আমাদের নিম্নলিখিত বাটন দেওয়া আছে:

html<button id="elem">text</button>

বাটনে ক্লিক করলে একটি বার্তা প্রদর্শন করব যে Ctrl, Alt এবং Shift কীগুলির মধ্যে কোনটি চাপা ছিল কিনা:

javascriptlet elem = document.querySelector('#elem');

elem.addEventListener('click', function(event) {
  if (event.ctrlKey) {
    console.log('Ctrl চাপা');
  }
  
  if (event.altKey) {
    console.log('Alt চাপা');
  }
  
  if (event.shiftKey) {
    console.log('Shift চাপা');
  }
});
Задание 1

একটি এলিমেন্ট দেওয়া আছে। এটিকে এমনভাবে করুন যাতে এটিতে ক্লিক করলে এটি লাল রঙে রঞ্জিত হয়, কিন্তু শুধুমাত্র যদি ক্লিকের মুহূর্তে Alt কী চাপা থাকে।

Задание 2

ধরুন আপনার কাছে ul ট্যাগ সহ একটি তালিকা আছে li:

html<ul id="elem">
  <li>text</li>
  <li>text</li>
  <li>text</li>
  <li>text</li>
  <li>text</li>
</ul>

এটিকে এমনভাবে করুন যাতে যেকোনো li-তে ক্লিক করলে, এর টেক্সটের শেষে 1 নম্বর যোগ হয়, যদি Ctrl কী চাপা থাকে, এবং 2 নম্বর, যদি Shift কী চাপা থাকে।