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="mynum"></p>
<button onclick="f1()">Угадать</button>
<hr>
<p id="out"></p>
<p id="temp-out"></p>
</body>
</html>
1.js
// Мы загадали число один раз, а угадываем много раз.
var prNum, tempOut;
prNum = Math.floor((Math.random() * 10) + 1); // Math.random генерирует число от 0 до 1. +1 - компенсирует, что floor округляет в нижнюю сторону
//tempOut = document.getElementById('temp-out');
//tempOut.innerHTML = prNum;
console.log(prNum);
function f1() {
var num, out;
num = document.getElementById('mynum').value; // получим, что ввел пользователь
out = document.getElementById('out');
if(num == prNum) {
out.innerHTML = 'Вы угадали';
}
else if(num > prNum) {
out.innerHTML = 'Вы ввели число больше, чем нужно';
}
else {
out.innerHTML = 'Вы ввели число меньше, чем нужно';
}
}
<!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="mynum"></p>
<button onclick="f1()">Угадать</button>
<hr>
<p id="out"></p>
<p id="temp-out"></p>
</body>
</html>
1.js
// Мы загадали число один раз, а угадываем много раз.
var prNum, tempOut;
prNum = Math.floor((Math.random() * 10) + 1); // Math.random генерирует число от 0 до 1. +1 - компенсирует, что floor округляет в нижнюю сторону
//tempOut = document.getElementById('temp-out');
//tempOut.innerHTML = prNum;
console.log(prNum);
function f1() {
var num, out;
num = document.getElementById('mynum').value; // получим, что ввел пользователь
out = document.getElementById('out');
if(num == prNum) {
out.innerHTML = 'Вы угадали';
}
else if(num > prNum) {
out.innerHTML = 'Вы ввели число больше, чем нужно';
}
else {
out.innerHTML = 'Вы ввели число меньше, чем нужно';
}
}
Комментариев нет:
Отправить комментарий