当在网页上单击一个整数(页面上的任何整数)时,此整数必须增加一个常量整数的值。在第二次单击时,整数必须返回到原始值。
假设我们有一个整数
<div id="integer-1">25<div>
另一个值为5的整数
<div id="const-integer">5</div>
单击5时,标识为integer-1
的整数应增加5.在第二次单击时,整数应恢复为原始值25。
答案 0 :(得分:1)
每个整数都有自己的值。您必须单击页面上的众多变量整数之一,而不是常量。这是因为我们定位了多个数字。
无论如何,我们可以通过检查按钮的操作来完成此操作。如果文字显示为Add 5
,我们会在前一个数字上加5,否则我们将减去5.这是代码。
$("button").on("click", function() {
var integer = +$("#integer").html();
if ($("button").text() == "Add 5") {
$("button").text("Subtract 5");
$("#integer").html(integer + 5);
}
else {
$("button").text("Add 5");
$("#integer").html(integer - 5);
}
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="integer">25</div>
<button id="my-button">Add 5</button>