निम्नलिखित वाक्य रचना है -
<button value="value">
ऊपर, मान प्रारंभिक मान है।
आइए अब
. में value विशेषता को लागू करने के लिए एक उदाहरण देखेंउदाहरण
<!DOCTYPE html>
<html>
<body>
<p>Click below to get details about the learning content...</p></br></br>
<button id = "button1" value = "Learning" onclick = "demo1()">Get Tutorials</button>
<button id = "button2" value = "InterviewAnswers" onclick = "demo2()">Get InterviewQA</button>
<p id = "myid"></p>
<script>
function demo1() {
var val1 = document.getElementById("button1").value;
document.getElementById("myid").innerHTML = val1;
}
function demo2() {
var val1 = document.getElementById("button2").value;
document.getElementById("myid").innerHTML = val1;
}
</script>
</body>
</html> यह शुरू में निम्नलिखित आउटपुट देगा -
आउटपुट इस प्रकार है जब "ट्यूटोरियल प्राप्त करें" बटन पर क्लिक किया जाता है -
जब "इंटरव्यूक्यूए प्राप्त करें" बटन पर क्लिक किया जाता है तो आउटपुट निम्नानुसार होता है -
उपरोक्त उदाहरण में, हमने एक वेरिएबल में मान प्राप्त करने के लिए जावास्क्रिप्ट फ़ंक्शन बनाए हैं। उनमें से एक है डेमो1 ()
function demo1() {
var val1 = document.getElementById("button1").value;
document.getElementById("myid").innerHTML = val1;
} उपरोक्त का परिणाम एक बटन के क्लिक पर प्रदर्शित होता है। ऑनक्लिक प्रॉपर्टी उपरोक्त फ़ंक्शन को कॉल करने के लिए सेट है डेमो1() -
<button id = "button1" value = "Learning" onclick = "demo1()"> Get Tutorials </button>