Результат работы программы
Рисунок 3 – Задание 3.
Задание 4
Укажите название месяца в зависимости от его номера в году.
Листинг кода
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<!-- Использование CSS -->
<style type="text/css">
.container {
text-align: center;
background:linear-gradient(to left,#00AAE0,#0CDBA0)}
.inputcolor {background-color: #BEBEBE;}
H1 { font-size: 120%;}
</style>
<title>Задание 4</title>
</head>
<body class="container">
<h1>Задание 4</h1>
<p>Укажите название месяца в зависимости от его номера в году</p><br>
Введите номер месяца от 1 до 12:<br><br>
<!-- Поле ввода номера месяца-->
<input type="text" class="inputcolor" id="inputNumberMonth">
<!-- Кнопка вызова функции определения месяца -->
<button class="inputcolor" onclick="getMonth()">определить</button><br>
<!-- Вывод результата работы функции на экран -->
<p>Результат: <div id="outGetMonth"></div><p>
<script>
// Функция определения месяца по номеру
function getMonth(){
// Инициализация переменных
let inputNumberMonth, monthCheck, month;
// Получение значения из поле ввода
inputNumberMonth = document.getElementById('inputNumberMonth').value;
// Проверка корректности введеного значения
if((monthCheck = Number(inputNumberMonth)) !== parseFloat(inputNumberMonth) || !Number.isFinite(monthCheck)){
inputError ="Некорректное значение, только цифры";
document.getElementById('outGetMonth').innerHTML = inputError;
}
else {
// Преобразование введенного значения в целое десятичное число
inputNumberMonth = Number.parseInt(inputNumberMonth, 10);
// Проверка условия (номер месяца от 1 до 12)
if ((inputNumberMonth >= 1) && (inputNumberMonth <= 12)){
// Определение месяца по номеру
switch(inputNumberMonth) {
case 1: month = "Январь"; break;
case 2: month = "Февраль"; break;
case 3: month = "Март"; break;
case 4: month = "Апрель"; break;
case 5: month = "Май"; break;
case 6: month = "Июнь"; break;
case 7: month = "Июль"; break;
case 8: month = "Август"; break;
case 9: month = "Сентябрь"; break;
case 10: month = "Октябрь"; break;
case 11: month = "Ноябрь"; break;
case 12: month = "Декабрь"; break;
default:month = "Ошибка"; break;
}
}
else {
month = "Введите значение от 1 до 12";
}
document.getElementById('outGetMonth').innerHTML = month;
}
}
</script>
</body>
</html>