Question

我已经研究了java和php多年，最近刚开始用JavaScript开发。无论如何这是一个相当noob的问题，但任何人都可以解决为什么这个应用程序没有显示单击按钮时的兴趣？我一直在使用w3schools网站学习。

代码：

<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>Interest Calculator</title>
</head>
<body>

<fieldset>
<legend>Interest Calculator</legend>
Enter amount: <input type="text" id="amount" ><br><br>
Interest rate: <input type="text" id="interest"><br><br>
Enter years: <input type="text" id="years"><br><br>
<button onclick="calculate()">Calculate</button>
</fieldset>

<p id="sum"></p>

<script>

function calculate(){

var amount = document.getElementById("amount").value;
var rate = document.getElementById("interest").value;
var years = document.getElementById("years").value;
var sum = amount(1+rate)^years;

var message = "Your total return will be: " + sum;

document.getElementById("sum").innerHTML = message;


}

</script>

</body>
</html>

非常感谢，

亚当

Answer 1

您需要明确指定*。 JavaScript中的5(3) = 15或任何编程语言都不正常。您需要明确指定5*(3)：

var sum = amount*(1+rate)^years;

工作代码

<fieldset>
  <legend>Interest Calculator</legend>
  Enter amount: <input type="text" id="amount" ><br><br>
  Interest rate: <input type="text" id="interest"><br><br>
  Enter years: <input type="text" id="years"><br><br>
  <button onclick="calculate()">Calculate</button>
</fieldset>

<p id="sum"></p>

<script>
  function calculate(){
    var amount = document.getElementById("amount").value;
    var rate = document.getElementById("interest").value;
    var years = document.getElementById("years").value;
    var sum = amount*(1+rate)^years;
    var message = "Your total return will be: " + sum;
    document.getElementById("sum").innerHTML = message;
  }
</script>

小提琴：http://jsbin.com/lovevazaxe

Answer 2

OP使用^运算符，并且可能想要使用power-of运算符。

在javascript中^运算符引用bitwise XOR - 我认为这不是OP想要的。

相反，操作的强大功能是使用Math.pow()函数完成的。

所以用{/ p>替换var sum = amount(1+rate)^years;

var sum = Math.pow(amount*(1+rate),years)

Javascript中的算术表达式

2 个答案: