JavaScript: if

ifесли выполняет кусочек кода, только если верно какое-то условие.

Задание:

  1. Попробуем простой пример с if.

    Например, у нас есть кнопка и мы хотим писать пользователю "Хватит", если нажать на кнопку больше трех раз. Для этого надо а) считать, сколько раз нажали на кнопку и б) проверять, больше трех раз или нет.

    Перепечатайте пример и проверьте, что он работает.

    .html

    <button onclick="f()">
    Нажми меня
    </button>

    .js

    let n = 0;
    function f() {
    n = n + 1;
    if (n > 3) {
    alert("Хватит");
    }
    }

Возможные ошибки:

  1. Скобки вокруг условия обязательны. Нельзя писать if n > 3. В других языках бывает можно, а в JavaScript нельзя.

if ... elseиначе ...

Иногда хочется сделать что-то одно, если условие верно, и что-то другое — если неверно.

Для этого есть слово elseиначе. Его можно использовать только вместе с if.


if (условие) {
действие
} else {
другое действие
}

Задание:

  1. Добавьте else в предыдущий пример, чтобы, если кнопка нажата три раза или меньше, выдавалось сообщение "Давай еще". Если кнопка нажата больше трех раз, то все еще должно быть сообщение "Хватит".

Возможные ошибки:

  1. После else нельзя писать еще какое-то условие. else значит "если прошлое условие не выполнилось".

else if

Иногда хочется сделать много условий. Например:

Тогда надо писать так:


if (условие 1) {
действие
} else if (условие 2) {
другое действие
} else if (условие 3) {
третье действие
} else {
действие, если все остальное не сработало
}

Задание:

  1. Поменяйте предыдущий пример еще раз, чтобы:

    • если кнопка нажата меньше трех раз, было "Давай еще",
    • если кнопка нажата ровно три раза, было "Норм",
    • а иначе было "Хватит".

    Используйте else if.

Возможные ошибки:

  1. В отличие от (например) Python, elif писать нельзя.

Если надо проверить два условия одновременно — например, "кнопка нажата больше пяти раз и меньше десяти" — надо использовать булевы операторы. Про них написано в другом уроке.