आप मान प्राप्त करने के लिए # का उपयोग कर सकते हैं जब उपयोगकर्ता दस्तावेज़ का उपयोग करके बटन पर क्लिक करता है। querySelector (""); निम्नलिखित जावास्क्रिप्ट कोड है -
उदाहरण
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=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>
</head>
<body>
<div class="container container-fluid">
<p><strong> Example:</strong> choose a number between 1 to 100</p>
<form>
<div class="form-group">
<label for="number">Give a number:</label>
<input id="inputNumber" value="" type="text" name="number" />
</form>
<p id="output"></p>
</div>
<button class="btn btn-dark" id="choose" type="submit">Click Me</button>
</body>
<script>
function example() {
let btn = document.querySelector("#choose");
let randomNumber = Math.ceil(Math.random() * 100);
btn.onclick = function() {
let givenNumber = document.querySelector("#inputNumber").value;
let valueInt = parseInt(givenNumber, 100);
console.log(randomNumber, givenNumber);
};
}
example();
</script>
</html> उपरोक्त प्रोग्राम को चलाने के लिए, फ़ाइल नाम anyName.html(index.html) को सहेजें और फ़ाइल पर राइट क्लिक करें और वीएस कोड संपादक में लाइव सर्वर के साथ खुले विकल्प का चयन करें।
आउटपुट
एक मान जोड़ें -
क्लिक मी बटन पर क्लिक करने पर कंसोल में वही दिखाई देता है -
