-2

私は、人が2つの値を入力し、ボタンをクリックするとアラートボックスが結果を表示する簡単な計算機を作成しようとしています。しかし、それは機能していません。

<!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>
4

1 に答える 1

5

私が見る明白な問題の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"/>
于 2012-09-27T23:23:46.653 に答える