जावास्क्रिप्ट में इनपुट इवेंट

अगली इवेंट जिसका हम अध्ययन करेंगे, उसे input कहा जाता है। यह हर बार इनपुट या textarea में एक नया वर्ण दर्ज करने पर उत्पन्न होती है। आइए एक उदाहरण से देखें। मान लीजिए हमारे पास एक इनपुट है:

html<input id="elem">

आइए कीबोर्ड पर हर बटन दबाने पर इनपुट की वर्तमान सामग्री को कंसोल में आउटपुट करें:

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

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

एक इनपुट दिया गया है। मान लीजिए इसमें टेक्स्ट दर्ज किया जा रहा है। जैसे ही टेक्स्ट की लंबाई 5 तक पहुँच जाए, इसके बारे में संदेश स्क्रीन पर प्रिंट करें।

Задание 2

एक इनपुट दिया गया है। मान लीजिए इसमें केवल 5 वर्ण दर्ज करने की अनुमति है। एक पैराग्राफ भी दिया गया है। इनपुट में वर्ण दर्ज करने के साथ-साथ लिखें कि और कितने वर्ण दर्ज किए जा सकते हैं। जब वर्णों की संख्या 5 से अधिक हो जाए, तो पैराग्राफ में यह आउटपुट करें कि टेक्स्ट की लंबाई कितने वर्णों से अधिक हो गई है।