Javascript 从输入框使用document.getElementById进行用户输入

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

<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">

函数intcal（）{
var pr=document.getElementById（“P”）；
var ra=document.getElementById（“r”）；
var ti=document.getElementById（“t”）；
var利息=pr*ra*ti；
文件。书写（利息）；
}
校长
比率
时间

这里有一些问题

getElementById

返回一个DOM元素。您需要获取元素的值，即字符串，然后将其转换为数字（或强制转换）：

+

将字符串强制转换为数字。现在你的乘法应该可以了

您还忘记了在

onclick

事件中函数调用的引号。哦，读一下为什么

文档。写
是

编辑：正如Bergi所说，乘法也可以算出一个数字，但在任何情况下，由于您有变量，您可能希望将数字分配给它们。
这里有一些问题
getElementById
返回一个DOM元素。您需要获取元素的值，即字符串，然后将其转换为数字（或强制转换）：

+
将字符串强制转换为数字。现在你的乘法应该可以了

您还忘记了在
onclick
事件中函数调用的引号。哦，读一下为什么
文档。写
是

编辑：正如Bergi所说，乘法也会转换一个数字，但在任何情况下，由于您有变量，您可能希望将数字分配给它们。
乘法无论如何都会转换字符串：-）@Bergi:对。。。哦，好吧，关于运算的更多信息。乘法无论如何都会抛出字符串：-）@Bergi:对。。。哦，好吧，更多关于OP的信息。
var pr = +document.getElementById("P").value;
var ra = +document.getElementById("r").value;
var ti = +document.getElementById("t").value;