Question

我有以下HTML

HTML

<h1 id="total"></h1>
<div id="option1" onclick="doMath()">Option 1</div>
<div id="option2" onclick="doMath()">Option 2</div>

以下Javascript
的 JS

    var basePrice = 0;
    var optiononePrice = 5;
    var optiontwoPrice = 10;

    function doMath() {
        $("#option1").click(function() {
            basePrice += 5;
        });
        $("#option2").click(function() {
            basePrice += 10;
        });
    };
    $("#total").html(basePrice);

当用户点击div元素时，价格应该加到总数中，但这就是：

例如，用户单击option1。 basePrice将打印“5”，但是当他们再次点击option1时，basePrice从“5”变为“15”，然后从“15”变为“30”，并且每次点击都是这样。与option2相同，它从“10”开始，然后从“10”变为“30”，依此类推。

发生了什么，我该如何解决这个问题？

Answer 1

您可以尝试此代码

<强> HTML

<h1 id="total"></h1>
<div id="option1">Option 1</div>
<div id="option2">Option 2</div>

<强>的Javascript

var basePrice = 0;
var optiononePrice = 5;
var optiontwoPrice = 10;    

    $("#option1").click(function() {
        basePrice += 5;
    });
    $("#option2").click(function() {
        basePrice += 10;
    });

$("#total").html(basePrice);

Javascript添加不正确？

1 个答案: