Javascript 我的代码中是否存在使函数无法填写表单的输入错误？_Javascript_Forms_Function

Javascript 我的代码中是否存在使函数无法填写表单的输入错误？

javascript forms function

Javascript 我的代码中是否存在使函数无法填写表单的输入错误？,javascript,forms,function,Javascript,Forms,Function,我正在做一个非常简单的计算表，它将计算你的工作时间和工资率，然后计算你的总工资。我尝试单独运行该函数（使用提示更改document.getElementById），它工作正常，表单正在显示，但函数没有填充grosspay只读框。我把整个代码放在下面，以防它是愚蠢的打字错误 <html> <head> <title>Gross Pay</title> </head> <body> <h1>Pay

我正在做一个非常简单的计算表，它将计算你的工作时间和工资率，然后计算你的总工资。我尝试单独运行该函数（使用提示更改document.getElementById），它工作正常，表单正在显示，但函数没有填充grosspay只读框。我把整个代码放在下面，以防它是愚蠢的打字错误


<html>
<head>
    <title>Gross Pay</title>
</head>

<body>
    <h1>Payroll Form</h1>
    <script type="text/javascript">

        function grossPay() {
            var hours = document.getElementByID("hr").value;
            hours = parseFloat(hours);
            var pay = document.getElementById("pr").value;
            pay = parseFloat(pay);

            document.getElementById("gp").value = pay * hours;
        };
    </script>

    <form name="form1" id="form1">
        Hours:<input id="hr" name="hr" type="text" size="20" />
        <br /><br />
        Pay Rate $<input id="pr" name="pr" type="text" size="20" />
        <br /> <br />
        Gross Pay $<input id="gp" name="gp" type="text" size="20" readonly="readonly" />
        <br /> <br />
        <input type="button" id="button1" value="Click Me" onclick="grossPay()" />
        <input type="reset" value="Clear" />
    </form>
</body>

</html>


工资总额
工资单
函数grossPay（）{
var小时=document.getElementByID（“hr”）.value；
小时=浮动时间（小时）；
var pay=document.getElementById（“pr”）.value；
支付=浮动（支付）；
document.getElementById（“gp”）.value=pay*hours；
};
小时：



工资率$



工资总额$

是的，您有一个打字错误。更改

var hours=document.getElementByID（“hr”）.value
到var hours=document.getElementById（“hr”）.value
下次可以使用开发工具检查错误日志。阅读更多关于它的信息，为了清楚起见，您应该指定getElementById中的d是错误的大小写。