需要帮助修改JS中的小费计算器

时间:2017-11-08 17:11:58

标签: javascript jquery html css calculator

我正在推出一个"什么?"教会网站的计算器。我转换了一个"小费计算器"并将其修改为我到目前为止所做的很好,但我确实需要进行一些调整。

  1. 我需要这样做,当你输入金额(用餐价格)时,你可以在数字之间加上逗号或句点。现在,它只能接受数字。

  2. 现在有一个选项,你可以选择百分比(10%,15%,20%等)...我需要把它拿出来,以便那里有'没有选择百分比的选择。按"计算"它应该只是自动计算10%的金额。这是下面的JS代码。任何帮助将不胜感激!谢谢!

  3. //target calculate button and retrieve user input from bill amount entry field
    document.getElementById("button").addEventListener("click", function() {
      var billAmt = document.getElementsByClassName('userBillAmt')[0].value;
      billAmt = parseInt(billAmt);
    
      //get input from tip percentage entry field
      var tipPercentage = document.getElementsByClassName('userTipPercentage')[0].value;
      //convert tip percentage from string to usable number
      tipPercentage = parseInt(tipPercentage);
    
      //append amount the user should tip to the DOM/page
      document.getElementById('tipHere').innerHTML = '$' + calculate(billAmt, tipPercentage).toFixed(2);
    
      //function to convert user bill amount and desired tip percentage to the amount they should tip
      function calculate(billAmt, tipPercentage) {
        var tipAmt = (tipPercentage / 100) * billAmt;
        return tipAmt;
      }
    });
    

1 个答案:

答案 0 :(得分:1)

  1. 用parseFloat函数调用替换parseInt(billAmt)。这样,您的输入值将被视为十进制值。

  2. tipPercentage变量应替换为常量值10.在您的情况下,var tipPercentage = 10.