Въведение в JavaScript

JavaScript е един от най-популярните програмни езици в уеб разработката. Той е скриптов език, който се използва за създаване на динамично съдържание на уеб страници. С JavaScript можете да манипулирате HTML и CSS, да валидирате форми, да създавате интерактивни функции и много други. Ето едно кратко въведение в JavaScript.

Основни концепции

1. Вмъкване на JavaScript в HTML

JavaScript кодът може да бъде вмъкнат директно в HTML документ чрез <script> таг. Той може да бъде въведен както във вътрешен <script> таг в HTML файла, така и във външен JavaScript файл.

Вътрешен JavaScript

html

Копиране на код

<!DOCTYPE html> <html lang="bg"> <head> <meta charset="UTF-8"> <title>Въведение в JavaScript</title> </head> <body> <h1>Моята първа JavaScript страница</h1> <button onclick="sayHello()">Кликни ме</button> <script> function sayHello() { alert("Здравей, свят!"); } </script> </body> </html>

Външен JavaScript

html

Копиране на код

<!DOCTYPE html> <html lang="bg"> <head> <meta charset="UTF-8"> <title>Въведение в JavaScript</title> <script src="script.js"></script> </head> <body> <h1>Моята първа JavaScript страница</h1> <button onclick="sayHello()">Кликни ме</button> </body> </html>

Файлът script.js съдържа:

javascript

Копиране на код

function sayHello() { alert("Здравей, свят!"); }

2. Променливи

Променливите в JavaScript се използват за съхранение на данни. Те могат да бъдат декларирани с ключовите думи var, let, или const.

javascript

Копиране на код

var name = "Иван"; let age = 25; const country = "България";

3. Типове данни

JavaScript поддържа различни типове данни, като числа, низове, булеви стойности, масиви, обекти и други.

javascript

Копиране на код

let number = 10; // Число let text = "Здравей"; // Низ let isActive = true; // Булева стойност let numbers = [1, 2, 3, 4, 5]; // Масив let person = { name: "Иван", age: 25 }; // Обект

4. Оператори

JavaScript поддържа различни оператори, като аритметични, логически и сравнителни.

javascript

Копиране на код

let a = 10; let b = 5; let sum = a + b; // Аритметичен оператор let isEqual = (a == b); // Сравнителен оператор let andCondition = (a > b && b > 0); // Логически оператор

5. Условни оператори

Условните оператори се използват за вземане на решения в зависимост от дадени условия.

javascript

Копиране на код

let age = 18; if (age >= 18) { console.log("Вие сте пълнолетен."); } else { console.log("Вие не сте пълнолетен."); }

6. Цикли

Циклите се използват за повтаряне на блок от код многократно.

javascript

Копиране на код

// for цикъл for (let i = 0; i < 5; i++) { console.log(i); } // while цикъл let j = 0; while (j < 5) { console.log(j); j++; }

7. Функции

Функциите са блокове код, които се изпълняват при повикване. Те могат да приемат параметри и да връщат резултати.

javascript

Копиране на код

function greet(name) { return "Здравей, " + name; } console.log(greet("Иван"));

8. Събития

JavaScript може да отговаря на събития като кликвания на бутони, промяна на текстови полета и други.

html

Копиране на код

<!DOCTYPE html> <html lang="bg"> <head> <meta charset="UTF-8"> <title>Събития в JavaScript</title> <script> function changeText() { document.getElementById("text").innerHTML = "Текстът е променен!"; } </script> </head> <body> <p id="text">Това е оригиналният текст.</p> <button onclick="changeText()">Промени текста</button> </body> </html>

Заключение

JavaScript е мощен и гъвкав език, който ви позволява да създавате интерактивни и динамични уеб страници. Това въведение обхваща основните концепции, но има още много да се научи. С времето и практиката ще можете да създавате сложни и функционални уеб приложения.