Безплатно! Онлайн събитие: 5-дневно ChatGPT предизвикателство Регистрация тук.
Events
Пълен достъп до курса: Не
За пълен достъп или безплатна проба (2 модула), моля влезте или се регистрирайте.
Какво са event-ите и защо са толкова важни
Event-ите са събития в браузъра – като зареждане на страница или клик от потребителя – които задействат изпълнение на JavaScript код. Най-важното е, че чрез тях можем да гарантираме, че кодът ще се изпълни в точния момент, например когато всички HTML елементи вече са заредени. Това решава проблема с достъпа до елементи, които още не съществуват в DOM. Event-ите правят уеб страниците интерактивни и „живи“.
Пример стъпка по стъпка
- Преместете
<script>тага в<head>на HTML документа. - Създайте функция (напр.
onLoad()), в която използватеquerySelector, за да изберете елемент (напримерaside) и го изведете в конзолата. - В
<body>добавете атрибутonload="onLoad()", за да се извика функцията след зареждане на страницата. - Добавете на даден елемент (напр. бутон „Профил“) атрибут
onclick, който извикваalert('Потребителят натисна бутона').
Така JavaScript кодът в <head> ще се изпълни едва след като страницата е напълно заредена.
Използвани методи и събития
querySelector()– избира първия елемент, който отговаря на CSS селектор.onload– изпълнява функция след зареждане на страницата.onclick– изпълнява функция при клик върху елемент.alert()– показва съобщение в диалогов прозорец.
