如何在函数中使用innerHTML属性?

时间:2014-11-03 20:31:14

标签: javascript html dom

我正在尝试使用innerHTML属性作为值。我创建了一个购物车,但我在另一个函数中使用innerHTML属性(这是总值)时遇到了麻烦。我使用范围计算器乘以总值以获得每月费率。

检查CodePen

我正在使用这个属性(这是我的总价格)(创建var rangecalculator似乎是个问题。你如何在函数中使用innerhtml?

var rangecalculator = document.getElementById('grandtotal').innerHTML = (((salesTotal-discount12) * (0.13)) + (salesTotal-discount12)).toFixed(2);

在此范围计算器中。

    var priceRange = [ 100, 250, 1000, 2500, 5000 ];
    var priceValue = [ 0.23, 0.12, 0.20, 0.19, 0.19 ];

     for(range in priceRange) 
     if (rangecalculator >= priceRange[range]) 
     rateValue = priceValue[range];

     document.getElementById("monthlyrate").innerHTML= rateValue * rangecalulator;

我得到NAN并且未定义。它仅在我设置(数字)var rangecalculator = 100时有效。

感谢您的帮助

1 个答案:

答案 0 :(得分:1)

有一团糟...... rangecalculator得到字符串值“你的速度:$ ...”

然后,您将rangecalculator与数字进行比较:

if (rangecalculator >= priceRange[range]) 
    rateValue = priceValue[range];

永远不会是真的,因此,rateValue永远不会获得价值并且仍未定义等等......

我认为,你应该用以下代码开始你的代码:

var rangecalculator = (((salesTotal-discount12) * (0.13)) + (salesTotal-discount12)).toFixed(2);
document.getElementById('grandtotal').innerHTML = "Your Rate: $" + rangecalculator;