HTML DOM Input Number value प्रॉपर्टी

HTML DOM Input number value प्रॉपर्टी type="Number" वाले इनपुट तत्व और value attribute से जुड़ी होती है। यह प्रॉपर्टी इनपुट तत्व के value attribute का मान लौटाने या इसे सेट करने के लिए उपयोग की जाती है। यह प्रॉपर्टी तत्वों के लिए डिफ़ॉल्ट मान निर्दिष्ट करने के लिए उपयोग की जाती है और यह यूज़र इनपुट के आधार पर अपना मान भी बदलती है।

सिंटैक्स

value प्रॉपर्टी सेट करने के लिए सिंटैक्स:

numberObject.value = number;

यहां, number नंबर फील्ड के लिए मान निर्दिष्ट करने के लिए उपयोग किया जाता है।

उदाहरण

आइए input Number value प्रॉपर्टी का एक उदाहरण देखते हैं:

<!DOCTYPE html> <html> <body> 
<h1>Input Number Value प्रॉपर्टी</h1> 
PHONE NO: <input type="number" value="222" id="NUMBER1"> 
<p>नीचे दिए गए बटन पर क्लिक करके ऊपर दिए गए तत्व का मान प्राप्त करें</p> 
<button onclick="getValue()">Get Value</button> 
<p id="Sample"></p> 
<script> 
  function getValue() { 
    var t = document.getElementById("NUMBER1").value; 
    document.getElementById("Sample").innerHTML = "इनपुट फील्ड के लिए मान है: " + t; 
  } 
</script> </body> </html>

आउटपुट

यह निम्नलिखित आउटपुट देगा:

HTML DOM Input Number value प्रॉपर्टी

"Get Value" बटन पर क्लिक करने पर:

HTML DOM Input Number value प्रॉपर्टी

उदाहरण की व्याख्या

उपरोक्त उदाहरण में:

हमने type number के साथ एक इनपुट फील्ड बनाई और इसकी id "NUMBER1" पर सेट की। हमने value attribute का उपयोग करके नंबर फील्ड के लिए एक डिफ़ॉल्ट मान निर्दिष्ट किया है:

PHONE NO: <input type="number" value="222" id="NUMBER1">

फिर हमने "Get Value" बटन बनाया जो यूज़र द्वारा क्लिक किए जाने पर getValue() मेथड को एक्ज़िक्यूट करता है:

<button onclick="getValue()">Get Value</button>

getValue() getElementById() मेथड का उपयोग करके इनपुट तत्व को प्राप्त करता है और इसके "value" attribute मान को वेरिएबल t में असाइन करता है। यह वेरिएबल फिर id "Sample" वाले पैराग्राफ में इसकी innerHTML प्रॉपर्टी का उपयोग करके प्रदर्शित किया जाता है:

function getValue() { 
  var t = document.getElementById("NUMBER1").value; 
  document.getElementById("Sample").innerHTML = "इनपुट फील्ड के लिए मान है: " + t; 
}