Саме тут почнеться вивчення основ JavaScript!

Section #1 Змінні

JavaScript (або скорочено JS) — це повноцінна динамічна мова програмування, яка застосовується до HTML документу та може забезпечити динамічну взаємодію на веб-сайтах. Її розробив Брендан Айк, співзасновник проекту Mozilla, Mozilla Foundation та Mozilla Corporation.

JavaScript неймовірно універсальний і дружелюбний до новачків. З великим досвідом ви зможете створювати ігри, анімовану 2D і 3D графіку, повномасштабні додатки з базами даних та багато іншого!

JavaScript сам по собі досить компактний, і при цьому дуже гнучкий. Розробниками написано велику кількість інструментів поверх основної мови JavaScript, які розблоковують велику кількість додаткових функцій з дуже невеликими зусиллями.

Змінні

Змінні — це контейнери, всередині яких ви можете зберігати значення. Ви розпочинаєте з того, що оголошуєте змінну за допомогою ключового слова var (не рекомендується, продовжуйте читати, щоб отримати пояснення) або let, за яким слідує будь-яке ім'я, яким ви захочете її назвати:

let myVariable;

Тепер можна помістити в неї дані (іншими словами, визначити змінну), використовуючи оператор присвоєння = :

myVariable = "Bob";
або ж написати код компактніше
var myVariable = "Bob";

Після визначення значення змінної ви можете змінити його пізніше:

myVariable = 'Steve';

Тепер змінна myVariable містить таке значення 'Steve'

Перевірити

Типи даних

String
Послідовність тексту, відома як рядок. Щоб вказати, що це значення є рядком, ви повинні обгорнути його лапками.

var myVariable = 'Bob';

Number
Числа. Числа не мають лапок навколо них.

var myVariable = 10;

Boolean
Значення True (Правда)/False (Брехня). Слова true і false — це спеціальні ключові слова в JS і не потребують лапок.

var myVariable = true;

Array
Масив, який дозволяє зберігати кілька значень в одному посиланні.

var myVariable = [1, 'Bob', 'Steve', 10];

Звертатися до кожного елементу масиву можна так: myVariable[0], myVariable[1], і так далі.

Object
В принципі, все що завгодно. Все в JavaScript є об'єктом і може бути збережено у змінній. Майте це на увазі, поки ви вивчаєте.

var myVariable = document.querySelector('h1');

Все з раніше наведених прикладів.

Оператори в мові JavaScript

Додавання(конкантинація)
Використовується для додавання двох чисел або рядків
Символ: +

6 + 9;
"Hello " + "world!";

Віднімання, множення, ділення
Використовується як і в класичній математиці
Символи: -,*,/

6 * 9;
6 - 9;
6 / 9;

Присвоєння
Використовується для присвоєння змінній значення
Символ: =

var myVariable = "Bob";

== (оператор нестрогого рівняння): порівнює значення без звертання до типів даних. JavaScript може провести автоматичне приведення типів, якщо типи операндів відрізняються.
Приклад:

5 == "5" // true, тому що JavaScript автоматично перетворює рядок в число для порівняння

Дорівнює(оператор строгого рівняння)
Використовується для перевірки двох значень на рівність. Повертає true/false(Boolean).Воно не проводить автоматичне приведення типів, і обидва операнди повинні бути одного і того ж типу для отримання true.
Символ: ===

var myVariable = 3;
myVariable === 4;
false;

Логічні оператори

Заперечення
Повертає логічно протилежне значення, яке йому передує; перетворює true в false і таке інше. Коли використовується разом з оператором рівності, оператор заперечення перевіряє, чи два значення не є рівними.
Символ: !, ==!

Основний вираз - true, але порівняння повертає false, оскільки ми його заперечуємо:

var myVariable = 3;
!(myVariable === 3);
false

Тут ми перевіряємо "myVariable НЕ рівно 3". Це повертає false, оскільки myVariable рівне 3.

var myVariable = 3;
myVariable !== 3;
false

Примітка:
Змішування типів даних може призвести до деяких неочікуваних результатів при виконанні обчислень, тому будьте обережні, правильно посилаючись на ваші змінні, щоб отримувати очікувані результати. Наприклад, введіть "35" + "25" у вашу консоль. Чому ви не отримали результат, який очікували? Тому що лапки перетворили числа на рядки, отже, вас насправді чекає конкатенація рядків, а не додавання чисел. Якщо ви введете 35 + 25, то отримаєте правильний результат.

Логічний оператор "або"
в JavaScript представлений символом ||. Використовується для виразів, що повертають true, якщо хоча б один із умов вираження є true.

var result = (5 > 3) || (10 < 5);
true

Логічний оператор "і"
в JavaScript представлений символом &&. Використовується для виразів, що повертають true, лише якщо обидві умови вираження є true.

var result = (5 > 3) && (10 < 5);
false

Перевірити До наступного блоку