+ चिन्ह एक साथ आता है क्योंकि आपने parseInt() का उपयोग नहीं किया है। टेक्स्टबॉक्स के मान स्ट्रिंग मान हैं, इसलिए आपको मान को पार्स करने के लिए parseInt() का उपयोग करने की आवश्यकता है।
टेक्स्ट बॉक्स से मान का चयन करने के बाद, आपको उस मान को पार्स करना होगा। निम्नलिखित कोड है -
उदाहरण
<!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>
</head>
<body>
FirstNumber:
<input type="num" class="num1" placeholder=""><br>
SecondNumber:<input type="num" class="num2" placeholder=""><br><br>
<input type="button" onclick="sumOfTwoNumbers()" value="Addition">
<p class="output"></p>
<script>
function sumOfTwoNumbers(){
var num1 = document.querySelector(".num1").value;
var num2 = document.querySelector(".num2").value;
var addition = parseInt(num1)+parseInt(num2);
document.querySelector(".output").innerHTML = "The addition of two
numbers= " + addition;
}
</script>
</body>
</html> उपरोक्त प्रोग्राम को चलाने के लिए, फ़ाइल नाम "anyName.html(index.html)" को सेव करें और फ़ाइल पर राइट क्लिक करें। वीएस कोड संपादक में "लाइव सर्वर के साथ खोलें" विकल्प चुनें।
आउटपुट
यह निम्नलिखित आउटपुट देगा -
अब, दोनों टेक्स्टबॉक्स में मान दर्ज करें और योग प्राप्त करने के लिए "जोड़" बटन पर क्लिक करें -
