जावास्क्रिप्ट में टेक्स्ट फ़ील्ड के साथ काम करना
अब हम अपनी वेबसाइट के उपयोगकर्ताओं से टेक्स्ट प्राप्त करना सीखेंगे। इसके लिए
HTML में एक विशेष टैग input प्रदान किया गया है,
जो डेटा दर्ज करने के लिए एक टेक्स्ट फ़ील्ड का प्रतिनिधित्व करता है।
<input>
इस टैग में एक विशेष विशेषता value होती है,
जो प्रारंभिक टेक्स्ट सेट करती है, जो पेज पर आते ही
इनपुट में लिखा होगा:
<input value="text">
हमारी वेबसाइट का उपयोगकर्ता पेज पर आने के बाद
इनपुट का टेक्स्ट बदल सकता है। इस
स्थिति में, यदि हमारे पास इस इनपुट को संदर्भित करने वाला
एक वेरिएबल है, तो value गुण
इस वेरिएबल में हमेशा इनपुट के टेक्स्ट का वर्तमान
मान होगा।
आइए व्यवहार में कोशिश करते हैं। मान लीजिए कि हमारे पास
value विशेषता वाला एक इनपुट है:
<input id="elem" value="text">
आइए इस इनपुट का संदर्भ एक वेरिएबल में प्राप्त करें:
let elem = document.querySelector('#elem');
और अब इनपुट का वर्तमान टेक्स्ट स्क्रीन पर प्रदर्शित करें:
console.log(elem.value);
और अब इनपुट का टेक्स्ट दूसरे में बदलें:
elem.value = 'new text';
एक इनपुट और एक बटन दिया गया है। बटन दबाने पर इनपुट में कोई टेक्स्ट लिखें।
एक इनपुट, एक पैराग्राफ और एक बटन दिया गया है। बटन दबाने पर पैराग्राफ में इनपुट का टेक्स्ट लिखें।
दो इनपुट और एक बटन दिए गए हैं। पहले इनपुट में उपयोगकर्ता द्वारा एक संख्या दर्ज की जाती है। बटन दबाने पर दूसरे इनपुट में दर्ज संख्या का वर्ग लिखें।
दो इनपुट और एक बटन दिए गए हैं। बटन दबाने पर पहले इनपुट में दूसरे इनपुट का मान लिखें, और दूसरे इनपुट में - पहले इनपुट का मान। आपका कोड सार्वभौमिक रूप से काम करना चाहिए, इनपुट के किसी भी मान के लिए।
5 इनपुट, एक पैराग्राफ और एक बटन दिए गए हैं।
इनपुट में नंबर दर्ज किए जाते हैं। बटन दबाने पर
दर्ज किए गए नंबरों का अंकगणितीय माध्य पैराग्राफ में लिखें।
