<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>Generations</title>
<script type="text/javascript">
function ShowGeneration() {
var yearBorn;
var generation;
yearBorn = parseFloat(document.getElementById('yearBox').value);
if (yearBorn <= 2020 && yearBorn >= 1995) {
generation= Gen Z;
}
else {
if (yearBorn <= 1994 && yearBorn >= 1980) {
generation= Millenial;
}
}
else {
if (yearBorn <= 1979 && yearBorn >= 1965) {
generation= Gen X;
}
}
else {
if (yearBorn <= 1964 && yearBorn >= 1944) {
generation= Baby Boomer;
}
}
}
document.getElementById('outputDiv').innerHTML = "You belong to the " + generation + " generation.";
}
</script>
</head>
<body>
<p>
What year were you born? <input type="text" id="yearBox" size="6">
</p>
<input type="button" value="Click for Generation" onclick="ShowGeneration();">
<div id="outputDiv"></div>
</body>
</html>
Я работаю над веб-страницей, которая отображает текстовое поле, предлагающее пользователю ввести год своего рождения. Затем пользователь нажимает кнопку, которая показывает поколение, в котором он родился. Код должен использовать операторы if / else для отображения поколения, в котором родился пользователь. Я думал, что все настроено правильно, но кнопка не отображается поколение при нажатии.