javascript - 单击按钮后如何创建 0.01 的增量值

Question

<div id="sum">0.01</div>
<div id="num"></div>
<button></button>

    i = 0;
$("button").click(function() {
      var sum = $("#sum").html();
      i += sum;
      $("#num").html(i.toFixed(2));
});

每次按下按钮，值 0.01 应增加 +0.01。因此，如果我按下按钮 5 次，则值应为 0.05。但我的代码不起作用，错误是：

i.toFixed(2) 不是函数

当我删除时toFixed(2)，它可以工作，但如果我点击 3 次，它会像这样增加到0.01 0.01 0.01div 中。

标签： javascriptjquery

Answer 1

它的因为$("#sum").html()是string

您需要将其解析为float. 然后增加它。

i = 0;
$("button").click(function() {
      var sum = parseFloat($("#sum").html());
      i += sum;
      $("#num").html(i.toFixed(2));
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="sum">0.01</div>
<div id="num"></div>
<button>Click me</button>