Question

我提前为这个noob问题道歉，但我需要创建一个包含3个字段（2个输入和1个输出）的计算器。

这是我已经尝试过的：

<html>


<body>
<FORM>
    <script>
    function optellen()
    {
      var Getal1 = document.getElementById('getal1').value;
      var Getal2 = document.getElementById('getal2').value;
      var Getal3 = (parseInt(Getal1) + parseInt(Getal2);  

      document.getElementById("output").value = Getal3;
    }
    </script>


    <INPUT TYPE="text"   id="getal1" Size="22">

    <INPUT TYPE="text"   id="getal2" Size="22">

 <br>

    <button onclick="optellen();">optellen</button>
    <button> aftrekken </button>
    <button> delen </button>
    <button> vermeningvuldigen </button>

 <br>

    <INPUT TYPE="text"   id="output" Size="50">
 </FORM>


</body>
</html>

Answer 1

您的变量中有未闭合的括号：

更改

var Getal3 = (parseInt(Getal1) + parseInt(Getal2);

到

var Getal3 = (parseInt(Getal1) + parseInt(Getal2));

如果您希望在表单提交后留在页面中（可能是），请将return false;添加到您的函数中，@ dejakob在回答中说。

Answer 2

首先，当您按下按钮时，浏览器默认会将您的页面重定向到相同的网址。这是因为你把所有东西都放在了form-tag中。我用onsubmit =“return false;”轻松解决了这个问题。

其次，有一条a）要缩短这条线：

var Getal3 = (parseInt(Getal1) + parseInt(Getal2));

/

<body>
<FORM onsubmit="return false;">
    <script>
    function optellen()
    {
      var Getal1 = document.getElementById('getal1').value;
      var Getal2 = document.getElementById('getal2').value;
      var Getal3 = (parseInt(Getal1) + parseInt(Getal2));  

      document.getElementById("output").value = Getal3;
    }
    </script>


    <INPUT TYPE="text"   id="getal1" Size="22">

    <INPUT TYPE="text"   id="getal2" Size="22">

 <br>

    <button onclick="optellen();">optellen</button>
    <button> aftrekken </button>
    <button> delen </button>
    <button> vermeningvuldigen </button>

 <br>

    <INPUT TYPE="text"   id="output" Size="50">
 </FORM>


</body>

用3个字段计算

2 个答案: