JavaScript Academy · पाठ

इनपुट मान पढ़ना

टेक्स्ट, चेकबॉक्स और चयन इनपुट से मान ऐक्सेस कीजिए।

पाठ 1, कुल 4 में से13 चरण

इनपुट मान पढ़ना, CoddyKit पर JavaScript Academy का एक निःशुल्क पाठ है। यह 4 में से 1वाँ पाठ है। इस अध्ययन पथ के 3 तक कोई भी पाठ पूरा पढ़ना निःशुल्क है — इसके बाद CoddyKit PRO हर पाठ अनलॉक करता है, साथ ही अंतर्निर्मित कोड संपादक और चौबीसों घंटे एआई शिक्षक के साथ व्यावहारिक अभ्यास भी उपलब्ध कराता है। यह JavaScript Academy सीखने के मार्ग का हिस्सा है और आपकी प्रगति वेब तथा CoddyKit ऐप पर सिंक होती रहती है। JavaScript Academy पाठ्यक्रम में कुल 4 पाठ शामिल हैं।

फ़ॉर्म डेटा के साथ काम करना

फ़ॉर्म टेक्स्ट बॉक्स, चेकबॉक्स, रेडियो बटन और ड्रॉपडाउन जैसे फ़ील्ड के माध्यम से उपयोगकर्ता का input एकत्र करते हैं। प्रत्येक फ़ील्ड अपना डेटा थोड़े अलग तरीके से उपलब्ध कराता है।

input.value

टेक्स्ट जैसे input अपनी वर्तमान सामग्री value प्रॉपर्टी के माध्यम से उपलब्ध कराते हैं, जो हमेशा एक स्ट्रिंग होती है।

const name = document.querySelector("#name");
console.log(name.value);

value हमेशा एक स्ट्रिंग है

संख्या वाले input भी स्ट्रिंग लौटाते हैं। जब आपको संख्या चाहिए, तब स्पष्ट रूप से रूपांतरण करें।

const age = document.querySelector("#age");
const n = Number(age.value);

valueAsNumber

संख्या और दिनांक वाले input valueAsNumber उपलब्ध कराते हैं, जो सीधे एक संख्या लौटाता है; खाली या अमान्य होने पर NaN लौटाता है।

const qty = document.querySelector("#qty");
console.log(qty.valueAsNumber);

checkbox.checked

चेकबॉक्स अपनी स्थिति बूलियन checked प्रॉपर्टी के माध्यम से बताते हैं, value के माध्यम से नहीं।

const agree = document.querySelector("#agree");
console.log(agree.checked); // true or false

रेडियो बटन

रेडियो समूह में checked बटन खोजिए। checked प्रॉपर्टी selected विकल्प की पहचान करती है।

const selected = document.querySelector("input[name=plan]:checked");
console.log(selected ? selected.value : "none");

select का Value

एकल-चयन वाला ड्रॉपडाउन चुने गए विकल्प को value के माध्यम से उपलब्ध कराता है।

const country = document.querySelector("#country");
console.log(country.value);

बहु-चयन

बहु-चयन के लिए selectedOptions पढ़ें और values पर map करें।

const langs = document.querySelector("#langs");
const values = [...langs.selectedOptions].map((o) => o.value);

input इवेंट

हर कुंजी-दबाव या बदलाव पर रीयल-टाइम प्रतिक्रिया देने के लिए input इवेंट सुनें।

name.addEventListener("input", (e) => {
  console.log(e.target.value);
});

परिवर्तन इवेंट

change इवेंट तब सक्रिय होता है जब value बदलने के बाद फ़ील्ड फ़ोकस खो देता है, या चेकबॉक्स और select के लिए तुरंत सक्रिय होता है।

country.addEventListener("change", (e) => {
  console.log("chose " + e.target.value);
});

FormData

FormData फ़ॉर्म के सभी नामित फ़ील्ड एक साथ एकत्र करता है, इसलिए इसे सर्वर पर भेजना आसान होता है।

const form = document.querySelector("form");
const data = new FormData(form);
console.log(data.get("name"));

त्वरित जाँच

चेकबॉक्स को सही तरीके से पढ़िए।

इंटरैक्टिव पाठ में इसका उत्तर दें

पुनरावलोकन

टेक्स्ट input को value के माध्यम से पढ़ें, जो हमेशा स्ट्रिंग होती है; संख्याओं के लिए valueAsNumber का उपयोग करें। चेकबॉक्स और रेडियो को checked के माध्यम से तथा ड्रॉपडाउन को value या selectedOptions के माध्यम से पढ़ें। हर बदलाव पर प्रतिक्रिया के लिए input इवेंट और बदलाव की पुष्टि होने पर प्रतिक्रिया के लिए change इवेंट का उपयोग करें। सब कुछ एक साथ एकत्र करने के लिए FormData का उपयोग करें।

शुरुआत निःशुल्क

एआई शिक्षक के साथ JavaScript सीखें — निःशुल्क

अपने ब्राउज़र में वास्तविक कोड लिखें और चलाएँ, चौबीसों घंटे एआई शिक्षक से तुरंत सहायता पाएँ, और वेब या ऐप पर वहीं से शुरू करें जहाँ आपने छोड़ा था।

पाठ्यक्रम: 59
पाठ: 200

निःशुल्क सीखना शुरू करें पूरा पाठ्यक्रम देखें

अक्सर पूछे जाने वाले प्रश्न

क्या “इनपुट मान पढ़ना” पाठ निःशुल्क है?

हाँ — JavaScript Academy अध्ययन पथ के 3 तक कोई भी पाठ, जिसमें “इनपुट मान पढ़ना” भी शामिल है, यहाँ वेब पर पूरा पढ़ना निःशुल्क है। इसके बाद CoddyKit PRO हर पाठ अनलॉक करता है, साथ ही अंतर्निर्मित कोड संपादक और चौबीसों घंटे एआई शिक्षक के साथ इंटरैक्टिव अभ्यास भी उपलब्ध कराता है। JavaScript Academy पाठ्यक्रम में कुल 4 पाठ शामिल हैं।

“इनपुट मान पढ़ना” में मैं क्या सीखूँगा?

टेक्स्ट, चेकबॉक्स और चयन इनपुट से मान ऐक्सेस कीजिए। आप ब्राउज़र में सीधे चलाए जाने वाले व्यावहारिक कोड के साथ JavaScript Academy का अभ्यास करते हैं, और पाठ पूरा करते समय 24/7 एआई ट्यूटर आपके प्रश्नों के उत्तर देता है।

क्या JavaScript Academy शुरू करने के लिए मुझे किसी अनुभव की आवश्यकता है?

पहले के अनुभव की आवश्यकता नहीं है। CoddyKit पर JavaScript Academy शुरुआती से लेकर उन्नत शिक्षार्थियों तक सभी के लिए व्यवस्थित किया गया है, इसलिए आप यहीं से या शुरुआत से सीखना शुरू कर सकते हैं और अपनी गति से आगे बढ़ सकते हैं। यह 4 में से 1वाँ पाठ है।

“इनपुट मान पढ़ना” पाठ पूरा करने में कितना समय लगता है?

CoddyKit का अधिकांश पाठ लगभग 5–10 मिनट में पूरा हो जाता है। हर पाठ छोटा और संवादात्मक है, इसलिए आप लगातार प्रगति करते हैं और वेब या ऐप पर वहीं से सीखना जारी रख सकते हैं जहाँ आपने छोड़ा था।

क्या मैं इस JavaScript Academy पाठ में कोड लिख और चला सकता हूँ?

हाँ। हर JavaScript Academy पाठ में एक अंतर्निर्मित कोड संपादक शामिल है, जिससे आप सीधे अपने ब्राउज़र में वास्तविक कोड लिख और चला सकते हैं और तुरंत एआई प्रतिक्रिया पा सकते हैं—स्थानीय सेटअप की आवश्यकता नहीं है।

इस पाठ्यक्रम के सभी पाठ

← JavaScript Academy पर वापस जाएँ