JavaScript html表单计算器不工作

JavaScript html forms calculator not working

本文关键字：工作 计算器 表单 html JavaScript      更新时间：2023-09-26

im试图为投影屏幕制作一个简单的周长计算器。

代码应该获取单选按钮输入的响应和对角线长度，以相应地计算周长。

这是我的代码atm:

<html>
    <body>
        <script language="javascript">
            function calc() {
                var form = document.forms.Calculator;
                var A = Number(getSelectedValue(form.elements.A));
                var B = Number(getSelectedValue(form.elements.B));

                if (A = 0) {
                    L = 0.8;
                    H = 0.6;
                } else if (A = 1) {
                    L = 0.872;
                    H = 0.49;
                } else {
                    L = 0.922;
                    H = 0.386;
                }
                form.elements.Total.value = 2 * B * (L + H);
            }
            function getSelectedValue(flds) {
                var i = 0;
                var len = flds.length;
                while (i < len) {
                    if (flds[i].checked) {
                        return flds[i].value;
                    }
                    i++;
                }
                return "";
            }
        </script>
        <title>Calculator</title>   <pre>
    <form name="Calculator">
        <label>A</label> 
            4:3: <input name="A" type="radio" onChange="calc()" value="0" checked>
            16:9: <input name="A" type="radio" onChange="calc()" value="1">
            2.39:1: <input name="A" type="radio" onChange="calc()" value="2">
        <label>B</label>
            Screen Size: <input name="B" type="text" onChange="calc()" checked>
        <label>Total</label> 
            <input type="text" name="Total" onChange="calc()" readonly size="10"><br> 
        <input type="submit" value="Submit Calculation"> <input type="reset" value="Clear"> 
    </form>
    </pre>
    </body>
</html>

您的函数getSelectedValue错误。它在元素数组中循环，以查看哪个元素被检查。您正在尝试对B执行同样的操作，它只是一个元素，因此不会通过循环，从而返回''。

所以不是

var B = Number(getSelectedValue(form.elements.B));

尝试

var B = Number(form.elements.B.value);

此外，你的if-else语句也是错误的。它应该是==而不是=:

if (A == 0) {
    L = 0.8;
    H = 0.6;
} else if (A == 1) {
    L = 0.872;
    H = 0.49;
} else {
    L = 0.922;
    H = 0.386;
}
相关文章：