Я не могу сделать простой калькулятор с javascript - PullRequest
Новая
       13

Я не могу сделать простой калькулятор с javascript

0 голосов
/ 22 февраля 2020

я хочу сделать простой калькулятор, который просто сложит два числа 

var num1 = Number(document.getElementById("n1").value);
var num2 = Number(document.getElementById("n2").value);

function sum() {
  var result = num1 + num2;
  console.log(result);
}
<input type="text" id="n1">
<input type="text" id="n2">
<button id="btn" onclick="sum();">Submit</button>
<script src="javascript.js"></script>

, когда я запускаю его, добавляю два значения и нажимаю кнопку, в консоли возвращается 0

Ответы [ 3 ]

5 голосов
/ 22 февраля 2020

В вашем коде вы получаете значения до , они изменяются пользователем. 

var num1 = document.getElementById("n1");
var num2 = document.getElementById("n2");

function sum() {
  var result = Number(num1.value) + Number(num2.value);
  console.log(result);
}
<input type="text" id="n1">
<input type="text" id="n2">
<button id="btn" onclick="sum();">Submit</button>
<script src="javascript.js"></script>
0 голосов
/ 22 февраля 2020

Вы должны поместить переменные num1 и num2 в функцию sum, потому что ваш скрипт должен читать значения num1 и num2 каждый раз, когда вы хотите вычислить сумму. 

 function sum() {
      var num1 = Number(document.getElementById("n1").value);
      var num2 = Number(document.getElementById("n2").value);
      var result = num1 + num2;
      console.log(result);
    }
0 голосов
/ 22 февраля 2020

На самом деле вы сохраняете первое значение входов, которое по умолчанию равно 0.

Измените переменные на ссылки на элементы. Затем получите доступ к значениям, когда пользователь нажмет кнопку. 

var num1 = document.getElementById("n1");
var num2 = document.getElementById("n2");

function sum() {
  var result = parseInt(num1.value) + parseInt(num2.value);
  console.log(result);
}
<input type="text" id="n1">
<input type="text" id="n2">
<button id="btn" onclick="sum();">Submit</button>
<script src="javascript.js"></script>
...