इसके लिए, 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>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fontawesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<div id="add">10</div>
<div id="sequenceValue"></div>
<button id="addSequenceOf10">addValue10EachTimePressMe</button>
<script>
addValue = 0;
$("#addSequenceOf10").click(function() {
var actualValue = parseInt($("#add").html());
addValue =addValue+ actualValue;
$("#sequenceValue").html(addValue);
});
</script>
</body>
</html> उपरोक्त प्रोग्राम को चलाने के लिए, बस फ़ाइल नाम anyName.html(index.html) को सहेजें और फ़ाइल पर राइट क्लिक करें और वीएस कोड संपादक में लाइव सर्वर के साथ खुले विकल्प का चयन करें।
आउटपुट
यह निम्नलिखित आउटपुट देगा -
अब, बटन दबाएं आपको 10 मिलेगा फिर 20 30 40…….एन; नीचे दिए गए आउटपुट के रूप में -
एक बार और क्लिक करने के बाद, स्नैपशॉट इस प्रकार है।
यह निम्नलिखित आउटपुट देगा -
