Условия: сравнения, if и else, логические операторы

Сравнения и if · 6 минут

Операторы сравнения

Оператор сравнения проверяет два значения и возвращает логическое значение: true (истина), если утверждение верно, или false (ложь), если неверно. Логический тип вы уже видели в таблице типов на первом занятии.

5 === 5        // true
5 === "5"      // false: число и строка
"кот" === "кот" // true
"Кот" === "кот" // false: регистр важен

Сравнения и if · 6 минут

Условие if и ветка else

Инструкция if («если») выполняет блок команд только тогда, когда условие в круглых скобках истинно. Блок else («иначе») необязателен: он выполняется, когда условие ложно. Из двух блоков всегда выполняется ровно один.

let age = Number(prompt("Сколько вам лет?"));

if (age >= 14) {
  alert("Можно получить паспорт");
} else {
  alert("Паспорт выдают с 14 лет");
}

console.log("Проверка закончена");

Тренажёр · уровень 1 из 3

Соедините оператор и его значение

Выберите оператор слева, затем подходящее значение справа. Одинаковые номера обозначают созданную пару. Каждое значение подходит ровно одному оператору.

Тренажёр · уровень 2 из 3

Соберите программу «Проверка пароля»

Программа должна показать «Доступ разрешён», если введён пароль 1234, и «Неверный пароль» в остальных случаях. Перетащите карточку в пропуск или выберите карточку щелчком, а затем нажмите на нужный пропуск. Щелчок по заполненному пропуску освобождает его. Две карточки лишние.

Тренажёр · уровень 3 из 3

Допишите программу «Чётное или нечётное»

Программа спрашивает целое число и выводит в консоль, чётное оно или нет. Число чётное, если остаток от его деления на 2 равен 0. Скобки, кавычки и числа уже стоят в коде: в каждое поле вводите только одно слово или один оператор.

1. Функция, которая превращает строку из prompt в число.
2. Ключевое слово, с которого начинается условие.
3. Оператор, который возвращает остаток от деления.
4. Оператор строгого равенства.
5. Ключевое слово для блока, который выполняется, когда условие ложно.

Самостоятельная работа · 17 минут

Программы «Проверка пароля» и «Чётное число»

Работайте по порядку и набирайте код сами. Код из шагов 2–6 пишите внутри <script>, каждую новую часть — под предыдущей. После каждого шага сохраняйте файл, обновляйте страницу и отмечайте выполненное.

<!doctype html>
<html lang="ru">
<head>
  <meta charset="UTF-8">
  <title>Условия</title>
</head>
<body>
  <h1>Условия</h1>
  <script>

  </script>
</body>
</html>

let password = prompt("Введите пароль:");
console.log(password);

if (/* сравните password со строкой "1234" оператором === */) {
  // alert с текстом «Доступ разрешён»
} else {
  // alert с текстом «Неверный пароль»
}

let n = Number(prompt("Введите целое число:"));

if (/* остаток от деления n на 2 строго равен 0 */) {
  console.log(n + " — чётное");
} else {
  // выведите в консоль: n + " — нечётное"
}

Перерыв · 8 минут

Программа умеет выбирать

Цепочки и логика · 5 минут

Несколько вариантов: else if

Когда вариантов больше двух, условия соединяют в цепочку if … else if … else. Условия проверяются строго сверху вниз. Выполняется блок первого истинного условия, остальные пропускаются. Блок else в конце срабатывает, если ни одно условие не оказалось истинным.

let t = Number(prompt("Температура на улице?"));

if (t >= 25) {
  alert("Жарко");
} else if (t >= 10) {
  alert("Тепло");
} else if (t >= 0) {
  alert("Прохладно");
} else {
  alert("Мороз");
}

// Ошибка: первое условие перехватывает всё
if (t >= 0) {
  alert("Прохладно");
} else if (t >= 25) {
  alert("Жарко"); // сюда программа не попадёт
}

Цепочки и логика · 6 минут

Логические операторы: &&, ||, !

Логические операторы объединяют несколько условий в одно или переворачивают условие. Их операнды и результат — логические значения.

let x = Number(prompt("Число от 1 до 10?"));

if (x >= 1 && x <= 10) {
  alert("Подходит");
} else {
  alert("Вне диапазона");
}

Цепочки и логика · 4 минуты

Отмена prompt и ложные значения

let name = prompt("Как вас зовут?");

if (name === null) {
  alert("Вы нажали «Отмена»");
} else if (name === "") {
  alert("Имя не введено");
} else {
  alert("Привет, " + name + "!");
}

Тренажёр · уровень 1 из 3

Соедините условие и его смысл

Переменные x и age — числа, answer — результат prompt. Выберите условие слева, затем фразу справа, которая описывает, когда оно истинно.

Тренажёр · уровень 2 из 3

Соберите программу «Оценка по баллам»

Программа должна работать так: меньше 0 или больше 100 — «Такого результата не бывает»; от 85 — «Отлично»; от 65 — «Хорошо»; всё остальное — «Нужно повторить». Заполните четыре пропуска карточками. Две карточки лишние.

Тренажёр · уровень 3 из 3

Допишите условия

Скобки, кавычки и числа уже стоят в коде. В каждое поле введите только один оператор или одно слово, как описано в списке под кодом.

1. Логический оператор «или»: выходной, если день — суббота или воскресенье.
2. Логический оператор «и»: возраст от 7 и до 17 включительно.
3. Оператор строгого равенства.
4. Значение, которое возвращает prompt, если нажать «Отмена».

Самостоятельная работа · 12 минут

Игра «Угадай число»

Откройте тот же index.html. Старые команды внутри <script> закомментируйте знаками // или удалите. Новый код пишите внутри <script> сверху вниз, в том порядке, в каком идут шаги.

const secret = 7;
let answer = prompt("Угадайте число от 1 до 10:");
let guess = Number(answer);

if (answer === null) {
  alert("Игра отменена");
} else if (/* guess строго равно secret */) {
  // alert «Угадали!»
} else if (/* guess меньше secret */) {
  // alert «Загаданное число больше»
} else {
  // alert «Загаданное число меньше»
}

const secret = Math.floor(Math.random() * 10) + 1;
console.log(secret);

Финал · 4 минуты

Что вы узнали на втором занятии