JavaScript-এ চাপা কীগুলি পাওয়া

Event অবজেক্ট ব্যবহার করে চাপা কীগুলি পাওয়া যায়। আসুন দেখি কিভাবে এটি করা হয়। ধরুন আমাদের একটি ইনপুট আছে:

html<input>

এটিকে একটি ভেরিয়েবলে রেফারেন্স করি:

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

আমাদের ইনপুটে একটি ইভেন্ট সংযুক্ত করি, যা প্রতিটি কী প্রেসে ট্রিগার হয়:

javascriptelem.addEventListener('keypress', function(event) {
  
});

ইভেন্ট অবজেক্টের key প্রপার্টিতে চাপা সিম্বল থাকবে:

javascriptelem.addEventListener('keypress', function(event) {
  console.log(event.key);
});

এবং code প্রপার্টিতে চাপা কী এর কোড থাকবে:

javascriptelem.addEventListener('keypress', function(event) {
  console.log(event.code);
});
Задание 1

একটি ইনপুট তৈরি করুন, যা ইনপুটের সময় চাপা কীগুলির মান এবং তাদের কোড আউটপুট করবে।

Задание 2

ইনপুটে বিভিন্ন কী চাপুন এবং দেখুন তাদের মান এবং কোড কী।

Задание 3

Enter কীটির কোড কী হবে তা নির্ধারণ করুন।

Задание 4

BackSpace কীটির কোড কী হবে তা নির্ধারণ করুন。

Задание 5

একটি প্যারাগ্রাফ এবং একটি ইনপুট দেওয়া আছে। এতে টেক্সট ইনপুট করুন এবং Enter কী চাপুন। এমন করুন যে এই মুহূর্তে ইনপুটকৃত টেক্সট ইনপুটের নিচের প্যারাগ্রাফে চলে যায়, এবং ইনপুটের বিষয়বস্তু সাফ হয়ে যায়।