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

更改您的输入按钮输入类型＆＃34;提交＆＃34;到＆＃34;按钮＆＃34;。

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

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

JavaScript基本算术

4 个答案: