Как сделать простой калькулятор на html и javascript?

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

  Калькулятор


  
  Калькулятор

  
  

  

  Сложение (+)
  Вычитание (-)
  Умножение (*)
  Деление (/)

  

  Результат: 

  

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35

function addition() {
  var num1 = parseFloat(document.getElementById("num1").value);
  var num2 = parseFloat(document.getElementById("num2").value);

  var result = num1 + num2;

  document.getElementById("result").innerText = result;
}

function subtraction() {
  var num1 = parseFloat(document.getElementById("num1").value);
  var num2 = parseFloat(document.getElementById("num2").value);

  var result = num1 - num2;

  document.getElementById("result").innerText = result;
}

function multiplication() {
  var num1 = parseFloat(document.getElementById("num1").value);
  var num2 = parseFloat(document.getElementById("num2").value);

  var result = num1 * num2;

  document.getElementById("result").innerText = result;
}

function division() {
  var num1 = parseFloat(document.getElementById("num1").value);
  var num2 = parseFloat(document.getElementById("num2").value);

  var result = num1 / num2;

  document.getElementById("result").innerText = result;
}

1

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

1
2
3
4

<button onclick="addition()">Сложение (+)</button>
<button onclick="subtraction()">Вычитание (-)</button>
<button onclick="multiplication()">Умножение (*)</button>
<button onclick="division()">Деление (/)</button>

1
2
3

<input type="text" id="num1">
<input type="text" id="num2">
<div id="result"></div>