Задание:
Написать скрипт который будет определять правильность ввода цифры в промежутке от 1 до 10 и выводить результат.
<!DOCTYPE html>
<html>
<body>
<h1>Валидация с помощью JavaScript</h1>
<p>Пожалуйста введите число от 1 до 10:</p>
<input id="numb" type="number">
<button type="button" onclick="myFunction()">Submit</button>
<p id="output"></p>
<script>
function myFunction() {
//Здесь ваше решение
}
</script>
</body>
</html>
[spoiler title=»Решение»]
<!DOCTYPE html>
<html>
<body><h1>Валидация с помощью JavaScript</h1>
<p>Пожалуйста введите число от 1 до 10:</p>
<input id="numb" type="number">
<button type="button" onclick="myFunction()">Submit</button>
<p id="output"></p>
<script>
function myFunction() {
var x, text;
// Получаем значение инпута с id="numb"
x = document.getElementById("numb").value;
// Если x не является числом или число больше 10
if (isNaN(x) || x < 1 || x > 10) {
text = "Вы ввели не число!";
} else {
text = "Все правильно. Молодец :)";
}
document.getElementById("output").innerHTML = text;
}
</script>
</body>
</html>
[/spoiler]