जावास्क्रिप्ट में टेक्स्ट फ़ील्ड के साथ काम करना

अब हम अपनी वेबसाइट के उपयोगकर्ताओं से टेक्स्ट प्राप्त करना सीखेंगे। इसके लिए HTML में एक विशेष टैग input प्रदान किया गया है, जो डेटा दर्ज करने के लिए एक टेक्स्ट फ़ील्ड का प्रतिनिधित्व करता है।

html<input>

इस टैग में एक विशेष विशेषता value होती है, जो प्रारंभिक टेक्स्ट सेट करती है, जो पेज पर आते ही इनपुट में लिखा होगा:

html<input value="text">

हमारी वेबसाइट का उपयोगकर्ता पेज पर आने के बाद इनपुट का टेक्स्ट बदल सकता है। इस स्थिति में, यदि हमारे पास इस इनपुट को संदर्भित करने वाला एक वेरिएबल है, तो value गुण इस वेरिएबल में हमेशा इनपुट के टेक्स्ट का वर्तमान मान होगा।

आइए व्यवहार में कोशिश करते हैं। मान लीजिए कि हमारे पास value विशेषता वाला एक इनपुट है:

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

आइए इस इनपुट का संदर्भ एक वेरिएबल में प्राप्त करें:

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

और अब इनपुट का वर्तमान टेक्स्ट स्क्रीन पर प्रदर्शित करें:

javascriptconsole.log(elem.value);

और अब इनपुट का टेक्स्ट दूसरे में बदलें:

javascriptelem.value = 'new text';