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

এই পাঠে আপনি এবং আমি change ইভেন্টটি নিয়ে আলোচনা করব, change, যা ইনপুট ফিল্ডে পরিবর্তন发生时 উত্থিত হয়। এর অর্থ কী? ধরুন, উদাহরণস্বরূপ, আপনার একটি ইনপুট রয়েছে এবং এতে রয়েছে কিছু লেখা। আপনি যদি সেই লেখা পরিবর্তন করেন, তাহলে এই ক্ষেত্রে এই ইভেন্টটি ঘটবে।

আসুন একটি উদাহরণ দিয়ে দেখি। আমাদের কাছে একটি ইনপুট রয়েছে:

html<input id="elem" value="text">

এর পরিবর্তন发生时 কনসোলে এর নতুন মান আউটপুট করা যাক:

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

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

একটি ইনপুট এবং একটি অনুচ্ছেদ দেওয়া আছে। ইনপুট পরিবর্তন发生时 এর লেখাটি অনুচ্ছেদে আউটপুট করুন।

Задание 2

একটি চেকবক্স দেওয়া আছে। চেকবক্স পরিবর্তন发生时 এর নতুন অবস্থা স্ক্রিনে আউটপুট করুন।

Задание 3

বলুন, blur এবং change ইভেন্টের মধ্যে পার্থক্য কী।

Задание 4

একটি ইনপুট দেওয়া আছে। এর পরিবর্তন发生时 পরীক্ষা করুন, এতে অক্ষরের সংখ্যা 5-টির থেকে কম নাকি না। যদি কম হয় - ইনপুটের বর্ডার সবুজ রঙে রাঙান, আর যদি বেশি হয় - লাল রঙে।