জাভাস্ক্রিপ্টে বাটন ক্লিক করলে ১০ করে মান বাড়ানো

jQuery-র click() এবং parseInt() ব্যবহার করে বাটন চাপলে ১০ করে মান বাড়ানো যায়।

উদাহরণ

<!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> 
<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>

Live Server দিয়ে চালান। বাটন চাপলে ১০, ২০, ৩০... বাড়তে থাকবে।

আউটপুট

প্রতিটি ক্লিকে ১০ করে মান বৃদ্ধি পাবে।