Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> Javascript

जावास्क्रिप्ट को उपयोगकर्ता, पार्स और डिस्प्ले से HTML इनपुट लें?

<घंटा/>

HTML इनपुट मान एक स्ट्रिंग है। स्ट्रिंग को पूर्णांक में बदलने के लिए, parseInt() का उपयोग करें।

उदाहरण

निम्नलिखित कोड है -

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Document</title>
</head>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<body>
   <input type="text" id="txtInput" placeholder="Enter a number">
   <button type="button" onclick="result();">GetANumber</button>
</body>
<script>
   function result() {
      var numberValue = document.getElementById("txtInput").value;
      if (!isNaN(numberValue))
         console.log("The value=" + parseInt(numberValue));
      else
         console.log("Please enter the integer value..");
   }
</script>
</html>

उपरोक्त प्रोग्राम को चलाने के लिए, फ़ाइल नाम "anyName.html(index.html)" को सेव करें। फ़ाइल पर राइट क्लिक करें और वीएस कोड संपादक में "लाइव सर्वर के साथ खोलें" विकल्प चुनें।

आउटपुट

यह कंसोल पर निम्न आउटपुट उत्पन्न करेगा -

जावास्क्रिप्ट को उपयोगकर्ता, पार्स और डिस्प्ले से HTML इनपुट लें?

अब, टेक्स्ट बॉक्स में एक मान दर्ज करें।

जावास्क्रिप्ट को उपयोगकर्ता, पार्स और डिस्प्ले से HTML इनपुट लें?

अब बटन दबाएं, आपको निम्न आउटपुट मिलेगा।

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

जावास्क्रिप्ट को उपयोगकर्ता, पार्स और डिस्प्ले से HTML इनपुट लें?

कंसोल में आउटपुट -

जावास्क्रिप्ट को उपयोगकर्ता, पार्स और डिस्प्ले से HTML इनपुट लें?


  1. जावास्क्रिप्ट में टेक्स्टबॉक्स का मूल्य कैसे प्रदर्शित करें?

    मूल्य का उपयोग करके टेक्स्ट बॉक्स से मूल्य निकालें और आंतरिक HTML का उपयोग करके पैराग्राफ में प्रदर्शित कर सकते हैं। उदाहरण निम्नलिखित कोड है - <!DOCTYPE html> <html lang="en"> <head>    <meta charset="UTF-8">    <meta name="vi

  1. टीआर टैग से आईडी कैसे प्राप्त करें और इसे जावास्क्रिप्ट के साथ एक नए टीडी में प्रदर्शित करें?

    मान लें कि निम्नलिखित हमारी तालिका है - StudentName StudentCountryName जॉनडो यूके डेविडमिलर अमेरिका tr टैग से id प्राप्त करने और इसे एक नए td में प्रदर्शित करने के लिए, document.querySelectorAll(table tr) का उपयोग करें। उदाहरण निम्नलिखित कोड है - दस्तावेज़ td, th, टेबल { बॉर्डर:1px सॉलिड

  1. टेक्स्ट विजेट में इनपुट कैसे लें और टेक्स्ट को टिंकर में कैसे प्रदर्शित करें?

    हम टिंकर पाठ का उपयोग कर सकते हैं टेक्स्ट डालने, जानकारी प्रदर्शित करने और टेक्स्ट . से आउटपुट प्राप्त करने के लिए विजेट विजेट। उपयोगकर्ता इनपुट को पाठ . में प्राप्त करने के लिए विजेट, हमें get() . का उपयोग करना होगा तरीका। आइए एक उदाहरण लेते हैं कि यह कैसे काम करता है। उदाहरण # Import the required