Учим Java Script: JavaScript. Практика. Калькулятор

четверг, 6 июля 2017 г.

JavaScript. Практика. Калькулятор

index.html

<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>Калькулятор</title>
<link rel="stylesheet" href="style.css" />
</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="multiply()">*</button>

<hr />

<p id="out">Ответ:</p>

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

</body>
</html>

script.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;

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 multiply() {
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;
}

Учим Java Script

четверг, 6 июля 2017 г.

JavaScript. Практика. Калькулятор

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

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

четверг, 6 июля 2017 г.

JavaScript. Практика. Калькулятор

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

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

четверг, 6 июля 2017 г.