Безплатно! Онлайн събитие: 5-дневно ChatGPT предизвикателство Регистрация тук.

Още за Events

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

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

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

Най-важното: отделете JavaScript от HTML и закачайте събитията след зареждане на страницата

Добрата практика е JavaScript кодът да бъде изнесен в отделен файл, за да остане HTML-ът чист и подреден. Event listener-ите не е нужно да стоят като атрибути в HTML – можем да ги закачим директно през JavaScript. Ключовият момент е да изчакаме страницата да се зареди напълно, преди да достъпваме елементи от DOM. Най-сигурният начин в този пример е да използваме window.onload.

Стъпка по стъпка: изнасяне на кода и закачане на click събитие

Създайте папка js и файл main.js.
Преместете JavaScript кода от HTML в main.js.
В HTML добавете <script> таг със src, който сочи към js/main.js.
Премахнете inline event атрибутите (например onclick) от HTML.
В main.js:
- Изчакайте зареждането на страницата чрез window.onload.
- С document.querySelector изберете бутона.
- Закачете onclick функция, която изпълнява желания код (например alert).

Така гарантирате, че елементите вече съществуват в DOM, когато се опитвате да ги достъпите.

Основни методи и свойства

window.onload – изпълнява функция след пълното зареждане на страницата.
document.querySelector() – връща първия елемент, който отговаря на CSS селектор.
onclick – задава функция, която се изпълнява при клик върху елемент.
<script src="..."> – зарежда външен JavaScript файл.

Този подход прави кода по-структуриран, по-лесен за поддръжка и по-близък до професионалните стандарти.