Обложка канала

Дизайнер учит код

Канал о том, как дизайнер интерфейсов осваивает код, чтобы научиться создавать интерактивные прототипы.

Дизайнер учит код

9 лет назад
Открыть в
Я наконец-то добрался до условий! Саша очень долго ждал этого момента и должен был приготовить для меня пару задач, связанных с ними. Приготовил или нет — узнаю позже.

Условия (условные конструкции) — это такая штука, которая позволяет создавать условия, как ни странно. 😄 Пример: если на улице -30°, то купаться нельзя.

У условий в JavaScript есть два вида конструкций: if и if...else. if — это true, а else — это false. Пример простого условия с использованием if:

var lastName = "Бобошко";
console.log("Привет, " + lastName + "!");
if (lastName.length > 10) {
console.log("У тебя длинная фамилия! Тяжело запомнить!");
}
//result Привет, Бобошко!


if (lastName.length > 10) — это условие, а console.log("У тебя длинная фамилия! Тяжело запомнить!") — тело условия.

Тот же самый пример, только с использованием if...else:

var lastName = "Бобошко";
console.log("Привет, " + lastName + "!");
if (lastName.length > 10) {
console.log("У тебя длинная фамилия! Тяжело запомнить!");
} else {
console.log("Фамилия у тебя не очень-то длинная!");
}
//result
Привет, Бобошко!
Фамилия у тебя не очень-то длинная!


Этот код помогает мне определиться с тем, кого взять с собой на прогулку:

var cat = false;
var dog = true;

if (cat) {
console.log("Круто! Беру с собой на прогулку котика");
} else if (dog) {
console.log("Ладно! Пёсик на прогулке — тоже неплохо!");
} else {
console.log("Пусть идут они оба к чёрту! Я пойду один гулять!");
}
//result Ладно! Пёсик на прогулке — тоже неплохо!


Во-первых, здесь использованы множественные условия. Во-вторых, будет выполнено первое тело, которое соответствует true.

Наконец-то пошла жара! 🔥