javascript/jquery 中的储蓄计算

Question

我想知道是否有人可以帮助我用 javascript 或 jquery 进行计算？ 成本百分比必须设置为 35%。 平均节省必须固定在 19%。 例如：€ 1.000.000 x 0.35 x 0.19 = € 66.500 节省

我在这里创建了这段代码，但我一直在计算

<div id="calculator" class="calculator">
  <label class="title">Savings Calulator : Basic Compound Interest</label>
  <hr/>
  <br/>
  <label>Input ($)</label>
  <input type="number" id="principle" value="0" min="0">
    <br/>
  <label>Interest Rate (%)</label>
  <input type="number" id="interest-rate" value="0.35" min="0">
  </br>
    <label>Interest Rate (%)</label>
  <input type="number" id="interest-rate-two" value="0.19" min="0">
    <br/>
  <hr/>
  <div id="calc-result" class="result">
    $0
  </div>
</div>

https://codepen.io/John_098/pen/BapVQjp

谢谢

Answer 1

在 javascript 和 jQuery 中，您可以使用 * 将数字相乘，并使用 / 将它们相除。

这是一个简单的脚本，用于计算 3 个输入值并将结果输出到结果 div 中

$("#calc").on("click", function(){
  let principle = $("#principle").val();
  let interest = $("#interest-rate").val();
  let interest2 = $("#interest-rate-two").val();
  let calc = principle / 100 * interest / 100 * interest2;
  // divide principle by 100% to get 1%, multiply by interest(35%). 
  // divide that to get 1% of the total after the first interest rate
  // multiply by interest rate 2 to get the final calculation
  $(".result").text(calc);
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="calculator" class="calculator">
  <label class="title">Savings Calulator : Basic Compound Interest</label>
  <hr/>
  <br/>
  <label>Input ($)</label>
  <input type="number" id="principle" value="0" min="0">
    <br/>
  <label>Interest Rate (%)</label>
  <input type="number" id="interest-rate" value="35" min="0">
  </br>
    <label>Interest Rate (%)</label>
  <input type="number" id="interest-rate-two" value="19" min="0">
    <br/>
  <hr/>
  <div id="calc">calculate</div>
  <div id="calc-result" class="result">
    
  </div>
</div>