javascript - HTML 按钮在 Javascript 文本字段中添加数字

Question

我正在尝试的是以下内容: 我有 2 个按钮和 1 个文本字段(代码如下所示) 按钮上有一个值:0,20 和 0,05。 当您按下其中一个按钮时，该值应显示在文本字段中，当您再次按下其中一个按钮时，该值应添加到当前值。 这是我现在的代码:

<input id="bedraggroot" type="button"  value="0.20" onClick="b();">   
<input  id="bedragklein" type="button" value= "0.05" onClick="b();">

<p> Ingeworpen : <span id="toonbedrag"> Ingeworpen </span></p>

function b()
{
var bedrag1 = parseFloat(document.getElementById('bedraggroot').value);
var bedrag2 = parseFloat(document.getElementById('bedragklein').value);
var totaalbedrag;

if(bedrag1 == 0)
  {
    parseFloat(totaalbedrag)+ bedrag2;
  }

if(bedrag2 == 0)
  {
    parseFloat(totaalbedrag) = totaalbedrag + bedrag1;
    tussenbedrag = tussenb
  }



document.getElementById('toonbedrag').innerHTML = totaalbedrag;
}

我已经尝试了很多东西，但似乎没有任何效果。 没有 parseFloat，前面有一个 + 。 (阅读这些论坛中的所有内容) 有人可以帮我吗？

如您所知，我只是这些事情的初学者。

亲切的问候。

Answer 1

您应该将按钮值传递给函数“b”(您应该为函数使用更明确的名称)，而不是执行 if 条件。

你的计算也有错误。 “a + b”并不真正存储计算结果，而是“a = a + b;”确实如此。

<input id="bedraggroot" type="button"  value="0.20" onClick="b(this.value);">   
<input  id="bedragklein" type="button" value= "0.05" onClick="b(this.value);">

<p> Ingeworpen : <span id="toonbedrag"> Ingeworpen </span></p>

<script>

var totaalbedrag = 0;

function b(bedrag)
{

    totaalbedrag = parseFloat(bedrag) + totaalbedrag; 
    document.getElementById('toonbedrag').innerHTML = totaalbedrag.toFixed(2);

}

</script>

“toFixed”消除了浮点小数舍入的问题，如下所述:Javascript, weird floating point number endless decimal?

在 jsfiddle 中尝试一下