计算器的 JavaScript 问题答案

【问题标题】：JavaScript problems with calculator计算器的 JavaScript 问题
【发布时间】：2018-03-15 17:47:38
【问题描述】：

我有一个小问题......如果我在 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>

【问题讨论】：

<option value=="+">+</option> 在value 和函数中缺少最后一个} 之后的=。

标签： javascript html

【解决方案1】：

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

您的 <option> 上有两个相等的符号 (=)，并且您的 Javascript 函数缺少右括号 (})。

这是修正后的 sn-p：

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

【讨论】：

你有没有机会知道如何添加一个脚本来保存我之前所做的计算，就像我做 4+4=8 一样，然后它有一个框，上面写着之前的计算是4+4=8