জাভাস্ক্রিপ্টে ইনপুট ইভেন্ট

পরবর্তী ইভেন্টটি যা আমরা অধ্যয়ন করব, তাকে বলা হয় input। এটি ঘটে প্রতি বার একটি ইনপুট বা textarea-তে একটি নতুন অক্ষর টাইপ করা হলে। আসুন একটি উদাহরণ দেখি। ধরা যাক আমাদের একটি ইনপুট আছে:

html<input id="elem">

আসুন কিবোর্ডে একটি কী প্রেস করার সময় কনসোলে ইনপুটটির বর্তমান বিষয়বস্তু আউটপুট করি:

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

elem.addEventListener('input', function() {
  console.log(this.value);
});
Задание 1

একটি ইনপুট দেওয়া আছে। এতে টেক্সট টাইপ করা যাক। যতক্ষণ না টেক্সটের দৈর্ঘ্য 5-এ পৌঁছায়, তখনই এটি সম্পর্কে একটি বার্তা স্ক্রিনে আউটপুট করুন।

Задание 2

একটি ইনপুট দেওয়া আছে। এতে শুধুমাত্র 5টি অক্ষর টাইপ করার অনুমতি দেওয়া যাক। একটি প্যারাগ্রাফও দেওয়া আছে। ইনপুটে অক্ষর টাইপ করার সাথে সাথে লিখুন যে আরও কতগুলি অক্ষর টাইপ করা যেতে পারে। যখন অক্ষরের সংখ্যা 5-টি অতিক্রম করে, প্যারাগ্রাফে আউটপুট করুন যে টেক্সটের দৈর্ঘ্য কতটা অতিক্রম করেছে।