将字符串转换为数字，对其进行数学运算，然后将其转换回来并将该值作为字符串给出 span

Question

我正在尝试从文本框中获取输入的值并将它们转换为字符串，合计金额，然后将 <span> 的 innerHTML 设置为该值。

function addBills(){
    var 
        hundreds = parseInt($("#input100").innerHTML(),10)*100;
        fifties = parseInt($("#input50").innerHTML(),10)*50;
        twenties = parseInt($("#input20").innerHTML(),10)*20;
        tens = parseInt($("#input10").innerHTML(),10)*10;
        fives = parseInt($("#input5").innerHTML(),10)*5;
        ones = parseInt($("#input1").innerHTML(),10);
        regTotal = hundreds+fifties+twenties+tens+fives+ones;
    window.alert(regTotal);
    /*var regTotal = (($("#input100").innerHTML * 100)+($("#input50").innerHTML * 50)+($("#input20").innerHTML * 20)+($("#input10").innerHTML * 10)+($("#input5").innerHTML *5)+($("#input1").innerHTML));*/
    for(var counter = 0;counter<regTotal;counter++){
        regString = regTotal.toString();
        $("#totalCount").innerHTML("regTotal");
    }
};

Answer 1

你做错了

对于初学者。

function addBills(){
    var 
        hundreds = parseInt($("#input100").innerHTML(),10)*100;

hundreds 是唯一的本地变量。所有其他都是全球性的。修复：在一个 var 语句中使用逗号而不是分号来分隔变量。

其次，输入字段有value（不是innerHTML，尤其是没有innerHTML()作为函数）。
输入字段值始终是文本。可以通过Number(string) 或parseInt(string, radix/base)（或在字符串前面添加+）将它们转换为数字。

最后，一旦你有了 span-element，你只需这样做：elm_span.innerHTML=yourNumber; 和 bob 是你的叔叔！

编辑：
您当前的循环没有意义..我的意思是，如果regTotal 是现金总额...并且您有一个具有唯一ID totalCount 的跨度...这完全没有意义（就像尝试转换@ 987654333@ 串几千次）

你可能想要这样的东西：

function addBills(){
   var hundreds = Number(document.getElementById('input100').value)*100
   ,   fifties = Number(document.getElementById('input50').value)*50
   ,   twenties = Number(document.getElementById('input20').value)*20
   ,   tens = Number(document.getElementById('input10').value)*10
   ,   fives = Number(document.getElementById('input5').value)*5
   ,   ones = Number(document.getElementById('input1').value)
   ,   regTotal = hundreds+fifties+twenties+tens+fives+ones
   ; //end local
   document.getElementById('totalCount').innerHTML=regTotal;
}

工作示例fiddle here

希望这会有所帮助！