javascript - JavaScript 基础算术

Question

我正在尝试做一个简单的 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>

任何帮助将不胜感激为什么这不起作用

Answer 1

尝试关闭您打开的表单标签。现在它从未关闭过，这可能会破坏逻辑。

Answer 2

您可以尝试使用组件的名称来工作

var operand1 = parseInt(document.arithmetic.inPutN1.value); 
var operand2 = parseInt(document.arithmetic.inPutN2.value); 

Answer 3

有一个问题，因为您正在使用提交按钮，并且在调用该函数时，提交事件重新加载页面......这有效

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

Answer 4

将您的输入按钮输入类型从“提交”更改为“按钮”。

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

您无需提交表单即可运行 javascript 代码。