0

簡単な JavaScript 算術を実行しようとしています。
ユーザーが値を入力すると、算術演算が行われ、「h4」に差し込まれます 

<h4 id="sum1"><h4>
<h4 id="sum2"></h4>
<h4 id="sum3"></h4>
<h4 id="sum4"></h4>


<form name="arithmetic" method="post">
    <fieldset><legend>Enter a Number Here!</legend>
    <label>First Number Here</label>
    <input type="text" name="inPutN1" />
    <br/>
    <label>Second Number Here</label>
    <input type="text" name="inPutN2" />
    <br/>
    <input type="submit" value="enter" onClick="solve(inPutN1,inPutN2)" />
    <input type="reset" value="clear"/>
    </fieldset>
<script> 
    function solve(sum1,sum2,sum3,sum4) {
        var operand1 = parseInt(arithmetic.inPutN1.value); 
        var operand2 = parseInt(arithmetic.inPutN2.value); 
        var sum1= operand1 + operand2; 
            document.getElementById("sum1").innerHTML=sum1;
        var sum2= operand1 - operand2;
            document.getElementById("sum2").innerHTML=sum2;
        var sum3= operand1 * operand2;
            document.getElementById("sum3").innerHTML=sum3;
        var sum4= operand1 / operand2;
            document.getElementById("sum4").innerHTML=sum4;
        }





   </script>

これが機能しない理由については、ヘルプをいただければ幸いです

4

4 に答える 4

0

コンポーネントの名前を使用してこれが機能することを試すことができます

var operand1 = parseInt(document.arithmetic.inPutN1.value); 
var operand2 = parseInt(document.arithmetic.inPutN2.value);
于 2013-02-11T21:57:32.267 に答える
0

送信ボタンを使用しているため問題があり、関数が呼び出されると、送信イベントがページをリロードします...これは機能します

<h4 id="sum1"><h4>
<h4 id="sum2"></h4>
<h4 id="sum3"></h4>
<h4 id="sum4"></h4>


<form name="arithmetic" method="post">
    <fieldset><legend>Enter a Number Here!</legend>
    <label>First Number Here</label>
    <input type="text" name="inPutN1" />
    <br/>
    <label>Second Number Here</label>
    <input type="text" name="inPutN2" />
    <br/>
    <input type="button" value="enter" onClick="solve(inPutN1,inPutN2)" />
    <input type="reset" value="clear"/>
    </fieldset>
</form>
<script> 
    function solve() {
        var operand1 = parseInt(arithmetic.inPutN1.value); 
        var operand2 = parseInt(arithmetic.inPutN2.value); 
        var sum1= operand1 + operand2; 
            document.getElementById("sum1").innerHTML=sum1;
        var sum2= operand1 - operand2;
            document.getElementById("sum2").innerHTML=sum2;
        var sum3= operand1 * operand2;
            document.getElementById("sum3").innerHTML=sum3;
        var sum4= operand1 / operand2;
            document.getElementById("sum4").innerHTML=sum4;
        }
   </script>
于 2013-02-11T22:02:01.107 に答える
0

入力ボタンの入力タイプを「送信」から「ボタン」に変更します。

<input type="button" value="enter" onClick="solve(inPutN1,inPutN2)" />

JavaScript コードを実行するためだけにフォームを送信する必要はありません。

于 2013-02-11T22:02:24.407 に答える
0

開いている form タグを閉じてみてください。現在、これは決して閉じられていません。これは、ロジックから外れている可能性があります。

于 2013-02-11T21:51:46.993 に答える