Question

我有一点问题...如果我在html中运行我的脚本一切正常但是如果我在我做的条上添加数字并按下相等的按钮没有任何反应。我不知道是什么问题

这是我的代码

<!DOCTYPE html>


<html>
  <head>
    <title>Kalkulaator</title>
    <meta charset="windows-1252">
    <meta name="viewport" content="width=device-width, initial-scale1.0">

    <script>

      function calc()
      {
         var number1 = parseInt(document.getElementById('number1').value);
         var number2 = parseInt(document.getElementById('number2').value);
         var oper = document.getElementById('operaatorid').value;

         if(oper === '+')
         {
              document.getElementById('tulemus').value = number1+number2;
         }


     </script>


     </head>
     <body>

        <input type="text" id="number1"/><br/><br/>
        <input type="text" id="number2"/><br/><br/>

        <select id="operaatorid">
            <option value=="+">+</option>
        </select>

        <button onclick="calc();">=</button>
        <input type="text" id="tulemus"/>

     </body
 </html>

Answer 1

您的代码存在一些问题，如Alex K. in his comment所述。

=上有两个相等的符号（<option>），而您的Javascript函数缺少结束括号（}）。

这是经过纠正的代码段：

function calc() {
  var number1 = parseInt(document.getElementById('number1').value);
  var number2 = parseInt(document.getElementById('number2').value);
  var oper = document.getElementById('operaatorid').value;

  if (oper === '+') {
    document.getElementById('tulemus').value = number1 + number2;
  }
}

<input type="text" id="number1" /><br/><br/>
<input type="text" id="number2" /><br/><br/>

<select id="operaatorid">
    <option value="+">+</option>
</select>

<button onclick="calc();">=</button>
<input type="text" id="tulemus" />

此外，在HTML5中，您无需关闭输入标记，因此您只需<input type="text">。

计算器的JavaScript问题

1 个答案: