Đối với điều này, hãy sử dụng click () cùng với parseInt ().
Ví dụ
<!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> Để chạy chương trình trên, chỉ cần lưu tên tệp anyName.html (index.html) và nhấp chuột phải vào tệp và chọn tùy chọn mở bằng máy chủ trực tiếp trong trình chỉnh sửa Mã VS.
Đầu ra
Điều này sẽ tạo ra kết quả sau -
Bây giờ, nhấn nút bạn sẽ nhận được 10 rồi 20 30 40 …… .N; như trong đầu ra bên dưới -
Sau khi nhấp một lần nữa, ảnh chụp nhanh như sau.
Điều này sẽ tạo ra kết quả sau -
