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

Пользователь

от richard , в категории: JavaScript , 8 месяцев назад

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

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от akeem , 8 месяцев назад

@richard 

Вот пример простого калькулятора на HTML и JavaScript:


HTML:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
  Калькулятор


  
  Калькулятор

  
  

  

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

  

  Результат: 

  



JavaScript (файл script.js):

 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;
}


Этот код создает простой калькулятор на HTML с четырьмя основными операциями: сложение, вычитание, умножение и деление. Вы вводите два числа в текстовые поля, затем нажимаете соответствующую кнопку операции, и результат отображается под полем "Результат".