javascript - 建立一个利率计算器，但它不会产生数字

Question

我正在构建尝试构建一个计算器，该计算器在单击按钮时根据利率计算每月付款，我使用的是基本的 javascript Bootstrap 。我已经通过一些答案和问题解决了一些错误，但我的计算器仍然不会产生数字。有人可以帮忙吗？

HTML:

    <div class="row text-muted">
                    <div class="col-md-5 col-md-offset-1 calc-input">
                        <h3>Purchase Price</h3>
                        <div class="input-group">
                            <span class="input-group-addon">£</span>
                            <input type="text" class="form-control" id="pp" placeholder="150,000">
                        </div>
                    </div>
                    <div class="col-md-5 calc-input">
                        <h3>Deposit</h3>
                        <div class="input-group">
                            <input type="text" class="form-control" placeholder="10">
                            <span class="input-group-addon">%</span>
                        </div>
                        <div class="input-group">
                            <span class="input-group-addon">£</span>
                            <input type="text" class="form-control" id="dp" placeholder="15,000">
                        </div>
                    </div>
                </div>
                <div class="row text-muted">
                    <div class="col-md-5 col-md-offset-1">
                        <div class="input-group">
                            <input type="text" class="form-control" id="mt" placeholder="25">
                            <span class="input-group-addon">Years</span>
                        </div>
                    </div>
                    <div class="col-md-5">
                        <div class="input-group">
                            <input type="text" class="form-control" id="ir" placeholder="4">
                            <span class="input-group-addon">%</span>
                        </div>
                    </div>
                </div>
                <div class="row text-muted">
                    <div class="col-md-10 col-md-offset-1 text-center">
                        <button type="submit" class="btn btn-cta" onclick="calculate()">Calculate</button>
                        <h3>Estimated Monthly Payment:</h3>
                        <p id="result"></p>
                    </div>
                </div>

这是 JS:

    function calculate() {
var pp = document.getElementById("pp").value();
var dp = document.getElementById("dp").value();
var mt = document.getElementById("mt").value();
var ir = document.getElementById("ir").value();
var result = document.getElementById("result");

var la = pp - dp;
var intRate = (ir/100)/12;
var months = mt * 12;

var monthlyPayment = ((((la*intRate)/(1-Math.pow(1+intRate,(-1*months)))*100)/100).toFixed(2));

result.innerHTML = monthlyPayment;}

Answer 1

只需在调用 document.getElementById("pp").value() 时删除 ()作为

var pp = document.getElementById("pp").value;
  var dp = document.getElementById("dp").value;
  var mt = document.getElementById("mt").value;
  var ir = document.getElementById("ir").value;

value 不是函数。这是一个link一个工作的plunker