JavaScript基本算法

我正在尝试做一个简单的JavaScript算法。
用户输入值，完成运算，然后插入“h4”

在这里输入一个数字！
这里的第一个号码


第二个号码


函数求解（sum1、sum2、sum3、sum4）{
变量操作数1=parseInt（算术.inPutN1.value）；
变量操作数2=parseInt（算术.inPutN2.value）；
变量sum1=操作数1+操作数2；
document.getElementById（“sum1”）.innerHTML=sum1；
变量sum2=操作数1-操作数2；
document.getElementById（“sum2”）.innerHTML=sum2；
变量sum3=操作数1*操作数2；
document.getElementById（“sum3”）.innerHTML=sum3；
变量sum4=操作数1/操作数2；
document.getElementById（“sum4”）.innerHTML=sum4；
}

---

如果您能提供任何帮助，以了解此操作不起作用的原因

请尝试关闭您打开的表单标签。现在，它还没有关闭，这可能会偏离逻辑。

您可以尝试使用组件的名称来完成这项工作

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

---

出现问题是因为您正在使用submit按钮，当调用该函数时，submit evet将重新加载页面。。。这很有效

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

在这里输入一个数字！
这里的第一个号码


第二个号码


函数solve（）{
变量操作数1=parseInt（算术.inPutN1.value）；
变量操作数2=parseInt（算术.inPutN2.value）；
变量sum1=操作数1+操作数2；
document.getElementById（“sum1”）.innerHTML=sum1；
变量sum2=操作数1-操作数2；
document.getElementById（“sum2”）.innerHTML=sum2；
变量sum3=操作数1*操作数2；
document.getElementById（“sum3”）.innerHTML=sum3；
变量sum4=操作数1/操作数2；
document.getElementById（“sum4”）.innerHTML=sum4；
}

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

---

运行javascript代码不需要提交表单。

到底什么不起作用？你能更具体一点吗？到底是什么不起作用？值的出现和消失非常快，就像它在循环中运行或是在自身上写东西一样。我做了一个警报测试，变量操作数1和操作数2看起来自己很好。叮，叮，其他一些东西出了问题，但就是你。谢谢

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

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