Pages Menu Stijit.com
Twitter
Categories Menu

Операторы if, else, switch case в javascript — практика применения

Как использовать операторы if, else, switch case в javascript на практике? Давайте рассмотрим пример задания и его выполнение.

При загрузке страницы нужно показать пользователю окно, в котором спросить его год рождения. Когда он введет его и нажмет ОК, спросить у него, в каком городе он живет. При удачном раскладе показать ему еще одно окно, где спросить его любимый вид спорта. При нажатии на ОК показываем ему окно, где должна быть отображена следующая информация:

  1. Его возраст.
  2. Если пользователь введет Киев, Москва или Минск, то показать ему сообщение — «Ты живешь в столице …» и на место точек подставляем страну, столицу которой он ввел. Иначе показываем ему «ты живешь в городе …» и на место точек — введенный город.
  3. Выбираем сами три вида спорта и три чемпиона в этих видах. Соответственно, если пользователь введет один из этих видов спорта, то показываем ему сообщение «Круто! Хочешь стать …» и подставляем на место точек имя и фамилию чемпиона.

Всё это должно быть отображено в одном окне.

Если в каком-то из случаев он не захочет вводить информацию и нажмет Отмена, показать ему сообщение — «Жаль, что Вы не захотели ввести свой(ю) …» и указываем, что он не захотел вводить — дату рождения, город или вид спорта.

<!doctype html>
<html lang="ru">
<head>
  <meta charset="UTF-8">
</head>
<body>
  <script>
var year = prompt("В каком году Вы родились?", ""),
age,
city,
sport,
refusedToInsert = "Жаль, что Вы не захотели ввести свой ",
likeChampion = "Круто! Хочешь стать как ";

switch(year) {
  case null:
    age = refusedToInsert + "год рождения";
    alert(age);
    break;
  default:
    if (!isFinite(year)) {
      age = refusedToInsert + "год рождения";
      alert(age);
    } else {
      age = 2013 - year;
      city = prompt("В каком городе Вы живете?", "");
    switch(city) {
      case null:
        city = refusedToInsert + "город";
        alert(city);
        break;
      case "Киев":
        city = "Ты живешь в столице Украины";
        break;
      case "Москва":
        city = "Ты живешь в столице России";
        break;
      case "Минск":
        city = "Ты живешь в столице Белоруссии";
        break;
      default:
        city = "Ты живешь в городе " + city;
    }
    sport = prompt("Какой Ваш любимый вид спорта?", "")
    switch(sport) {
      case null:
        sport = refusedToInsert + "любимый вид спорта";
        alert(sport);
        break;
      case "пинг-понг":
        sport = likeChampion + "Максим Шмырев?";
        break;
      case "плавание":
        sport = likeChampion + "Олег Лисогор?";
        break;
      case "бушидо":
        sport = likeChampion + "Набухико Такада?";
        break;
      default:
        sport = "Твой любимый спорт " + sport;
    }
    alert('Тебе ' + age + ' лет' + '\n' + city + '\n' + sport);
  }
}
</script>>
</body>
</html>

Оставить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *