среда, 19 июля 2017 г.

Учим JavaScript. 5. Простой калькулятор

index.html


<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="1.js" defer></script>
</head>
<body>
<p>Число 1: <input type="text" id="n1"></p>
<p>Число 2: <input type="text" id="n2"></p>
<button onclick="plus()">Сложить</button>
<button onclick="minus()">Вычесть</button>
<button onclick="mult()">Умножение</button>
<button onclick="divis()">Деление</button>
<hr>
<p id="out">Результат:</p>
</body>
</html>

1.js
function plus() {
var num1, num2, result;
num1 = document.getElementById('n1').value;
num1 = parseInt(num1); // преобразование в число

num2 = document.getElementById('n2').value;
num2 = parseInt(num2);

result = num1 + num2;

// innerHTML
document.getElementById('out').innerHTML = result;
}

function minus() {
var num1, num2, result;
num1 = document.getElementById('n1').value;
num1 = parseInt(num1); // преобразование в число

num2 = document.getElementById('n2').value;
num2 = parseInt(num2);

result = num1 - num2;

document.getElementById('out').innerHTML = result;
}

function mult() {
var num1, num2, result;
num1 = document.getElementById('n1').value;
num1 = parseInt(num1); // преобразование в число

num2 = document.getElementById('n2').value;
num2 = parseInt(num2);

result = num1 * num2;

document.getElementById('out').innerHTML = result;
}

function divis() {
var num1, num2, result;
num1 = document.getElementById('n1').value;
num1 = parseInt(num1); // преобразование в число

num2 = document.getElementById('n2').value;
num2 = parseInt(num2);

result = num1 / num2;

document.getElementById('out').innerHTML = result;
}

Автор: на

Комментариев нет:

Отправить комментарий

Подписаться на: Комментарии к сообщению (Atom)