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

Учим JavaScript. 7. Оператор условного выбора

index.html


<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="1.js" defer></script>
</head>
<body>
<p>Введите число: <input type="text" id="num1"></p>
<button onclick="f1()">Узнать</button>
<hr>
<p id="out"></p>
</body>
</html>

1.js
/*
var a, b;
a = 18;
b = 58;

if(a>b) {
   alert('Первое число больше');
}
else if (a==b) {
alert('Числа равны');
}
else {
alert('Второе число больше');
}
*/

function f1() {
var n, p;
n = document.getElementById('num1').value;
p = document.getElementById('out');
n = parseInt(n); // отфильтруем значение в число
if(n == 100) {
p.innerHTML = 'Число равно 100';
}
else if(n < 100) {
p.innerHTML = 'Число меньше 100';
}
else {
p.innerHTML = 'Число больше 100';
}

}

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

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