Question

我正在尝试制作一个简单的计算器，一个人可以输入两个值，然后当点击一个按钮时，一个警告框会给出结果。但它没有用。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<script type="text/javascript">

<!--//onclick handler //-->
function gonum()
{
var input1=document.getElementById('a').value;
var operator=document.getElementById('op').value;
var input2=document.getElementById('b').value;


    if (operator=="+")
    {
        add(input1,input2);
    }
}


function add(input1,input2)
{
    alert(input1+input2);
}


</script>
</head>
<body>
<form>
<input type="text" name="a"/>
<input type="text" name="op"/>
<input type="text" name="b"/>
<input type="button" value="=" name="btn" onClick="gonum()" />
</form>
</body>
</html>

Answer 1

我看到的一个明显的问题是：

var input1=document.getElementById('a').value;
var operator=document.getElementById('op').value;
var input2=document.getElementById('b').value;

结合这个：

<input type="text" name="a"/>
<input type="text" name="op"/>
<input type="text" name="b"/>

注意您没有为输入元素分配任何ID;但是，您的JavaScript试图通过其（不存在的）ID来调用它们。

将您的HTML更改为此，您应该是金色的：

<input type="text" name="a" id="a"/>
<input type="text" name="op" id="op"/>
<input type="text" name="b" id="b"/>

Javascript计算器

1 个答案: