Giả sử sau đây là nút của chúng tôi -
<button type="button" onclick="addTheValue(10)">Sum </button> </body>
Chúng tôi đang gọi hàm addTheValue (10) với tham số 10 khi nhấp vào nút. Khi nhấp vào nút, chúng tôi đang thêm giá trị 10 như trong đoạn mã dưới đây -
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>
<p>
<h1> Adding 10 each time whenever you click the Sum
Button......</h1>
</p>
<b id="firstValue">10</b>
<button type="button" onclick="addTheValue(10)">Sum </button>
<script>
function addTheValue(secondValue) {
var fValue = document.getElementById("firstValue");
firstValue.innerHTML = parseInt(fValue.innerHTML) +
parseInt(secondValue);
}
</script>
</body>
</html> Để chạy chương trình trên, hãy lưu tên tệp “anyName.html (index.html)” và nhấp chuột phải vào tệp. 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.
Điều này sẽ tạo ra kết quả sau -
Bây giờ, tôi sẽ nhấp vào nút “Tổng” lần đầu tiên.
Điều này sẽ tạo ra kết quả sau -
