Кодирование калькулятора нескольких операций с использованием HTML и Javascript - PullRequest
Новая
       12

Кодирование калькулятора нескольких операций с использованием HTML и Javascript

1 голос
/ 06 мая 2020

Я пытаюсь запрограммировать калькулятор, где пользователь вводит два числа, а затем выбирает операцию (+, -, /, *) для выполнения, которая должна дать им результат. Я запускал код несколько раз с ошибкой, и я продолжаю получать ошибку в моем JS, говоря, что 'операция не определена' (имеется в виду оператор if в JS). Может ли кто-нибудь объяснить, что я здесь делаю не так и что нужно изменить

HTML

<html lang="en">
  <head>
    <title>CALCULATOR</title>

    <!-- import the webpage's stylesheet -->
    <link rel="stylesheet" href="/style.css" />

  </head>
  <body>
    <h1>Calculator</h1>


    First Number : <input type="numbers" id="fnum" /><br /><br />
    Second Number : <input type="numbers" id="snum" /><br /><br />

    Operation? :
    <select id="operation">
      <option value="add">+</option>
      <option value="subtract">-</option>
      <option value="divide">/</option>
      <option value="multiply">*</option> </select><br /><br />

    <input type="button" id="Submit" value="Calculate" onclick="calculate()" />

    <script src="script.js"></script>
  </body>
</html>

JS


  var num1 = parseInt(document.getElementById("fnum").value);
  var num2 = parseInt(document.getElementById("snum").value);

  if (operation == 1) {
    var answer = num1 + num2;
    return answer;
  }
  else if (operation == 2) {
    var answer = num1 - num2;
    return answer;
  }
  else if (operation == 3) {
    var answer = num1 / num2;
    return answer;
  }
  else {
    var answer = num1 * num2;
    return answer;
  }

}

1 Ответ

1 голос
/ 06 мая 2020

Вы не объявили переменную операции в вашем js файле. Добавьте в файл js следующий код: 

var o= document.getElementById("#operation") 
var operation = o.options[o.selectedIndex].value

#if-else conditions
...