单击

时间:2016-02-29 23:13:11

标签: javascript jquery

当在网页上单击一个整数(页面上的任何整数)时,此整数必须增加一个常量整数的值。在第二次单击时,整数必须返回到原始值。

假设我们有一个整数

<div id="integer-1">25<div>

另一个值为5的整数

<div id="const-integer">5</div>

单击5时,标识为integer-1的整数应增加5.在第二次单击时,整数应恢复为原始值25。

1 个答案:

答案 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>