30. Условни конструкции в JavaScript. Булев тип данни. Числа с плаваща запетая

 

Теоретични материали

Презентация 1

Условни конструкции. Булев тип данни

Булев тип данни в JavaScript

Булевите данни (Boolean) са тип данни, който може да има само две възможни стойности: true (истина) или false (невярно). Те се използват за представяне на логически условия в JavaScript.

Създаване на булеви променливи:

Булевите променливи се декларират, както и другите типове данни, с ключовата дума let или const. При деклариране не е задължително да се задава стойност.

Пример:

let isLoggedIn = true;

const isFinished = false;

Оператори за сравнение:

За сравняване на булеви стойности се използват следните оператори:

==: Равенство (сравнява стойностите)

===: Строго равенство (сравнява стойностите и типовете)

!=: Неравно

!==: Строго неравенство

Пример:

console.log(true == "true"); // true

console.log(true === "true"); // false

console.log(false != false); // false

console.log(false !== 0); // true

Логически оператори:

За комбиниране на булеви стойности се използват следните оператори:

&&: Логическо "и" (и двете стойности да са true)

||: Логическо "или" (поне една от стойностите да е true)

!: Логическо отрицание (обръща стойността на true/false)

Пример:

console.log(true && true); // true

console.log(true || false); // true

console.log(!false); // true

 

 

Условни конструкции в JavaScript

Условните конструкции са основен градивен елемент в JavaScript, използван за изпълнение на код в зависимост от различни условия. Те позволяват на програмните ни решения да реагират на различни сценарии и да вземат решения въз основа на зададени параметри.

Основни условни конструкции:

  • if: Използва се за изпълнение на код, когато дадено условие е изпълнено.

if (условие) {

// код, който се изпълнява, когато условието е вярно

}

 

  • if-else: Използва се за изпълнение на различен код в зависимост от това дали дадено условие е изпълнено или не.

if (условие) {

// код, който се изпълнява, когато условието е вярно

}

else {

// код, който се изпълнява, когато условието е невярно

}

 

  • else if: Използва се за проверка на множество условия в последователност.

if (условие1) {

// код, който се изпълнява, когато условие1 е вярно

}

else if (условие2) {

// код, който се изпълнява, когато условие2 е вярно

}

else {

// код, който се изпълнява, когато нито едно от условията не е вярно

}

Ternary operator:

Кратка форма за запис на условни конструкции. Използва се за проверка на едно условие.

Пример:

const isAdult = age >= 18 ? "Пълнолетен" : "Непълнолетен";

console.log(isAdult);

 

Функции с числа с плаваща запетая в JavaScript:

Math.floor(): закръгля числото надолу до най-близкото цяло число

Math.ceil(): закръгля числото нагоре до най-близкото цяло число

Math.round(): закръгля числото до най-близкото цяло число

Math.abs(): връща абсолютната стойност на числото

Math.sqrt(): връща квадратния корен на числото

 

 

Задачи за упражнение

Отворете по избор една от дадените среди за програмиране като кликнете на съответния бутон и изпълнете задачите:
Задача 1: Условна конструкция в JavaScript. Генериране на случайно число

Създайте генератор на случайни числа с паваща запетая в JavaScript.

Генерирайте 1 число, което да е в диапазона от 0 до 24, и го закръглете до най-близкото цяло число, което ще използваме за час от денонощието.

Създайте програма, която да извежда различен поздрав в зависимост от часа от денонощието:

  • "Good morning", ако е преди 10 часа;
  • "Good day", ако е между 10 и 20 часа;
  • "Good evening" за останалите часове.

 

Примерно решение на задача 1:
Примерен вид на крайният резултат:
Задача 2 : Добавяне на JavaScript в HTML документ - промяна на цветове

В тази задача трябва да създадете JavaScript, който ще пита потребителя за 3 цвята - цвят на заглавието, цвят на фона, цвят за текста на параграфа.

 

За решаването на задачата ще използвате готов Html документ и ще добавите в него скрипта за решението на задачата, като използвате отварящ и затварящ таг <script></script>.

 

Примерен вид на скрипта за 1 цвят:

<script>
color=prompt("What color?");
const setStyle = (el, rule, val) => (el.style[rule] = val);
setStyle(document.querySelector('h1'), 'color', color);
</script>

 

Примерен вид на решената задача: