НАЙКРАЩИЙ САЙТ ДЛЯ ВЕБ-РОЗРОБНИКІВ

Базовий JavaScript

JS Підручник JS Синтаксис JS Змінні JS Оператори JS If Умови JS Цикли JS Рядки JS Числа JS Функції JS Об’єкти JS Дати JS Масиви JS Набори JS Карти JS Математичні JS RegExp JS Типи даних JS Помилки JS Дебагінг JS Події JS Програмування JS Довідники JS UTF-8 Характери

JS Розширений

JS Версії JS Функції JS Об’єкти JS Класи JS Ітерації JS Проміси JS Модулі JS HTML DOM JS Вікна JS Web API JS AJAX JS JSON JS jQuery JS Графіка JS Приклади JS Об’єкти

JavaScript. Уроки W3Schools для початківців українською мовою

En Es De Fr Ru

JavaScript else


Інструкція else

Використовуйте інструкцію else для визначення блоку коду, який буде виконано, якщо умова є false.

if (умова) {
  //  блок коду, який буде виконано, якщо умова true
} else {
  //  блок коду, який буде виконано, якщо умова false
}

Приклад

Якщо година менша за 18, створіть привітання "Good day", інакше "Good evening":

if (hour < 18) {
  greeting = "Good day";
} else {
  greeting = "Good evening";
}
Спробуйте самі »

Інструкція else if

Використовуйте інструкцію else if, щоб вказати нову умову, якщо перша false.

Синтаксис

if (умова1) {
  //  блок коду, який буде виконано, якщо умова1 є true
} else if (умова2) {
  //  блок коду, який буде виконано, якщо умова1 є false та умова2 є true
} else {
  //  блок коду, який буде виконано, якщо умова1 є false та умова2 є false
}

Приклад

Якщо час менше 10:00, створіть привітання "Good morning" якщо ні, але час менше 20:00, створіть привітання "Good day", інакше "Good evening":

if (time < 10) {
  greeting = "Good morning";
} else if (time < 20) {
  greeting = "Good day";
} else {
  greeting = "Good evening";
}
Спробуйте самі »

Приклад

У цьому прикладі буде написано посилання на W3Schools або на Всесвітній фонд дикої природи (WWF). Використовуючи випадкове число, існує 50% ймовірність для кожного з посилань.

let text;
if (Math.random() < 0.5) {
  text = "<a href='https://w3schools.com'>Visit W3Schools</a>";
} else {
  text = "<a href='https://wwf.org'>Visit WWF</a>";
}
document.getElementById("demo").innerHTML = text;
Спробуйте самі »