Используйте условные выражения для определения поколения, в котором родился пользователь, в зависимости от его ввода в текстовое поле. - PullRequest
0 голосов
/ 06 мая 2020
 <!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 для отображения поколения, в котором родился пользователь. Я думал, что все настроено правильно, но кнопка не отображается поколение при нажатии.

1 Ответ

0 голосов
/ 07 мая 2020
<!DOCTYPE html>
<html>
<head>

<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>

Да ладно, разобрался.

...