用户输入来自输入框的document.getElementById

Question

我正在制作一个简单的兴趣计算器，但我不断得到一个数字：

<script type="text/javascript">
function intcal() {
var pr=document.getElementById("P");
var ra=document.getElementById("r");
var ti=document.getElementById("t");
var interest=pr*ra*ti;
document.write(interest);
}
</script>
<h1> Principal </h1>
<Input type="number" id="P" name="Principal" Size="16">
<h1> Rate </h1>
<Input type="number" id="r"name="Rate" Size="16">
<h1> Time </h1>
<Input type="number" id="t" name="Time" Size="16">
<input type="button" onClick=intcal() value="Calculate">

Answer 1

那里有一些问题。 getElementById返回一个DOM元素。你需要获取元素的值，这是一个字符串，然后将其转换为数字（或强制转换）：

var pr = +document.getElementById("P").value;
var ra = +document.getElementById("r").value;
var ti = +document.getElementById("t").value;

+将字符串转换为数字。现在你的乘法应该有效。

你也忘记了onclick事件中函数调用的引号。哦，请阅读为什么document.write是bad practice。

编辑：正如Bergi所说，乘法也会输出一个数字，但无论如何，因为你有变量，你可能需要为它们分配数字。