जावास्क्रिप्ट में 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 से कम है या नहीं। यदि कम है - तो इनपुट की बॉर्डर को हरे रंग में रंगें, और यदि अधिक है - तो लाल रंग में।