Преобразование даты рождения в знак зодиака с помощью JavaScript
Привет! Меня зовут Алексей, и сегодня я расскажу вам, как с помощью JavaScript можно преобразовывать дату рождения в соответствующий знак зодиака.
Наши пользователи будут вводить дату рождения в формате ″год-месяц-день″. Теперь давайте напишем JavaScript код, который будет обрабатывать введенную дату и определять знак зодиака⁚
javascript
const form document.querySelector(‘form’);
const result document.createElement(‘p’);
form.addEventListener(‘submit’, function(e) {
e.preventDefault;
const birthdate new Date(form.elements.birthdate.value);
if (isNaN(birthdate)) {
result.innerText ‘Пожалуйста, введите дату рождения!’;
} else {
const month birthdate.getMonth;
const day birthdate.getDate;
let zodiacSign »;
if ((month 0 nn day > 20) || (month 1 nn day < 18)) { zodiacSign 'Водолей'; } else if ((month 1 nn day > 19) || (month 2 nn day < 20)) { zodiacSign 'Рыбы'; } else if ((month 2 nn day > 21) || (month 3 nn day < 19)) { zodiacSign 'Овен'; } else if ((month 3 nn day > 20) || (month 4 nn day < 20)) { zodiacSign 'Телец'; } else if ((month 4 nn day > 21) || (month 5 nn day < 20)) { zodiacSign 'Близнецы'; } else if ((month 5 nn day > 21) || (month 6 nn day < 22)) { zodiacSign 'Рак'; } else if ((month 6 nn day > 23) || (month 7 nn day < 22)) { zodiacSign 'Лев'; } else if ((month 7 nn day > 23) || (month 8 nn day < 22)) { zodiacSign 'Дева'; } else if ((month 8 nn day > 23) || (month 9 nn day < 22)) { zodiacSign 'Весы'; } else if ((month 9 nn day > 23) || (month 10 nn day < 21)) { zodiacSign 'Скорпион'; } else if ((month 10 nn day > 22) || (month 11 nn day < 21)) { zodiacSign 'Стрелец'; } else { zodiacSign 'Козерог'; } result.innerText `Ваш знак зодиака⁚ ${zodiacSign}`; } form.appendChild(result); });
И наконец, добавим стили CSS для отображения результата⁚
css
p {
font-size⁚ 18px;
font-weight⁚ bold;
margin-top⁚ 10px;
}
Теперь, когда пользователи введут свою дату рождения и нажмут кнопку ″Получить знак зодиака″, они увидят соответствующий результат под формой.
Это была моя практическая статья о преобразовании даты рождения в знак зодиака с помощью JavaScript. Я надеюсь, что информация была полезной для вас!