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

HTML फॉर्म मान प्राप्त करना और जावास्क्रिप्ट में कंसोल पर प्रदर्शित करना?

<घंटा/>

HTML प्रपत्र मान प्राप्त करने के लिए, मान गुण का उपयोग करें। मान लें कि निम्नलिखित हमारा इनपुट प्रकार है -

<input type="text" id="getValues" value="My Name is John Smith" />

हमें कंसोल पर उपरोक्त मान "माई नेम इज जॉन स्मिथ" प्रदर्शित करने की आवश्यकता है।

उदाहरण

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initialscale=1.0">
<title>Document</title>
<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>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fontawesome/
4.7.0/css/font-awesome.min.css">
</head>
<body>
<input type="text" id="getValues" value="My Name is John Smith" />
<script>
   var originalvalue = document.getElementById("getValues").value;
   console.log("The value in the text box is ="+originalvalue);
</script>
</body>
</html>

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

आउटपुट

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

HTML फॉर्म मान प्राप्त करना और जावास्क्रिप्ट में कंसोल पर प्रदर्शित करना?



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

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

  1. जावास्क्रिप्ट - href मान प्राप्त करें

    मान लें कि हमारे पास URL के साथ निम्न एंकर टैग है - <a class="demo" title="get the url" href="./mainPage.jsp/1245">href value at console</a> हमें केवल URL मान यानी href विशेषता मान प्राप्त करने की आवश्यकता है। इसके लिए attr() - . का प्रयोग करें attr('hr

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

    HTML इनपुट मान एक स्ट्रिंग है। स्ट्रिंग को पूर्णांक में बदलने के लिए, parseInt() का उपयोग करें। उदाहरण निम्नलिखित कोड है - <!DOCTYPE html> <html lang="en"> <head>    <meta charset="UTF-8">    <meta name="viewport" content=