Оператор if else

Условные операторы if else в JavaScript применяются для выполнения различных действий, которые выполнятся по условию.

Условные операторы if else в JavaScript
Операторы if else в JavaScript

Синтаксис

if ( условие )
  
  true // код выполняется если соответствует условию
  
else
  
  false // код выполняется если не соответствует условию

или написать проще, используя тернарный оператор:

( условие ) ? true : false;

Вопросительный знак заменяет if, двоеточие замена else.

Несколько условий:

if ( условие 1)
  
  true // код выполняется если соответствует условию 1
  
else if ( условие 2)
  
  true // код выполняется если соответствует условию 2
  
else if ( условие 3)
  
  true // код выполняется если соответствует условию 3

else 

  false // код выполняется если не соответствует всем условиям

Пример if else

Для примера напишем следующее условие: Если пользователь прокрутил веб-страницу вниз на 500px, для элемента section добавим класс my-class, если вернулся, удалим класс.

var el = document.querySelector('section');

window.onscroll = function () {
 if (document.body.scrollTop > 500 || document.documentElement.scrollTop > 500) {
    el.classList.add('my-class');
  } else {
    el.classList.remove('my-class');
  }
}

Сокращенно:

var el = document.querySelector('section');

window.onscroll = function () {
(document.body.scrollTop > 500 || document.documentElement.scrollTop > 500) 
                                ? el.classList.add('my-class') 
                                : el.classList.remove('my-class');
}
  1. 5
  2. 4
  3. 3
  4. 2
  5. 1
(0 голосов, в среднем: 0 из 5)