Прескочи към основното съдържание Прескочи към навигацията
Допълнения към урока
Учебна програма Основи на програмирането с JavaScript
4. Условия и цикли

Пълен достъп до курса: Не

За пълен достъп или безплатна проба (2 модула), моля влезте или се регистрирайте.


Кратките условия в JavaScript – по-малко код, същата логика

Кратката форма на условие позволява да замените if/else с по-компактен и четим запис. С тернарния оператор можете директно да присвоите стойност според дадено условие. Логическите оператори || и && също могат да връщат реални стойности (не само true/false), което ги прави мощен инструмент при работа с DOM елементи. Най-важното: JavaScript връща първата валидна (truthy) стойност при || и последната стойност при &&, ако всички условия са изпълнени.

Стъпка по стъпка: избор на DOM елемент с кратък запис

  1. Вземете елемент от DOM с document.querySelector('video').
  2. Използвайте тернарен оператор, за да присвоите:
    • ако съществува video → самия video;
    • ако не → document.body.
  3. Изпробвайте алтернативен подход с логическо „или“:
    • Потърсете video || section.
    • Ако първият не съществува, ще се върне вторият.
  4. Добавете още проверки с || (например ul), за да върнете първия намерен елемент.
  5. Тествайте с &&, за да видите, че стойност се връща само ако всички заявки намерят елемент.

Използвани конструкции

  • condition ? value1 : value2 – Тернарен оператор; кратка форма на if/else.
  • || – Логическо „или“; връща първата truthy стойност.
  • && – Логическо „и“; връща последната стойност, ако всички са truthy.
  • document.querySelector() – Взема първия съвпадащ DOM елемент или null.

Дискусия към урока

Въпроси
Отговори