«Единственный способ творить великие дела – это любить то, что ты делаешь»
JavaScript

Игра на «Морской Бой» на JavaScript: Простая Игра и Игра для Двоих
Способы назначить обработчик события – Атрибут и свойство onClick
События в JavaScript и обработчики событий. Способы назначить обработчик события. Список событий и справочник по событиям. Атрибут onClick и свойство onClick. Минусы использования свойства onClick.
Подробнее...
Метод addEventListener - Позволяет назначить несколько событий
Как правильно назначить обработчик событий в JavaScript? Метод addEventListener позволяет назначить для одного элемента несколько событий. Синтаксис метода addEventListener.
Подробнее...
Метод removeEventListener – Как удалить обработчик события?
Метод removeEventListener позволяет удалить обработчик события. Таким образом обработчик событий срабатывает столько раз сколько нам нужно.
Подробнее...
Объект события Event - Свойство target объекта Event
Объект Event – это объект событий. Объект Event дает широкие возможности для обработки событий. Свойство target объекта Event позволяет получить доступ к элементу страницы и как-то с ним взаимодействовать.
Подробнее...
Всплытие событий – Свойство event.currentTarget
Всплытие событий – обработчик сначала срабатывает на самом вложенном элементе, затем на родительском. Свойство event.currentTarget всегда совпадает с элементом, для которого было назначено событие.
Подробнее...
Как отменить стандартное поведение браузера - Метод preventDefault()
Метод preventDefault объекта Event позволяет отменить стандартное поведение браузера в JavaScript. Как назначить один обработчик для нескольких элементов? Зная это, можно легко отменить стандартное поведение браузера для нескольких элементов страницы. Рассмотрим третий аргумент метода addEventListener - Свойство once: обработчик может быть вызван не более одного раза.
Подробнее...
Навигация по DOM. Узлы и элементы. Свойство documentElement
Навигация по веб-странице. Свойство documentElement. Родительские и дочерние элементы. Доступ к узлам DOM-дерева. Как работают: свойство parentNode, метод childNodes, свойства firstChild и lastChild; nextSibling и previousSibling. Что такое data-атрибуты?
Подробнее...
Навигация по веб-странице - Доступ к элементам
Как получить доступ к элементам страницы в JavaScript. Свойства nextElementSibling и previousElementSibling. Методы parentElement, firstElementChild и lastElementChild. Метод childNodes - Как исключить узлы?
Подробнее...
Работа на странице - Практическая задача №2 - События на странице
Практическая задача №2. Используем события на странице. Работа с формой. Добавление элементов на страницу при заполнении формы. Удаление элементов со страницы при клике по корзине.
Подробнее...
События load и DOMContentLoaded - Загрузка DOM-дерева
Событие DOMContentLoaded — происходит, когда браузер разобрал веб-страницу и составил DOM-дерево. Событие load — загрузилась и веб-страница, и все ресурсы для её отображения: стили, картинки и т.д.
Подробнее...
События на мобильных устройствах - Свойство touches - Объект TouchList
Примеры мобильных событий, возникающих при взаимодействии с сенсорным экраном: touchstart, touchmove и touchend. Свойство touches вызывает объект TouchList: количество пальцев, которые взаимодействуют с экраном. Свойства targetTouches и changedTouches. Эмуляторе мобильных устройств.
Подробнее...
Атрибут defer и async - Последовательные и асинхронные скрипты
Асинхронное и последовательное выполнение скриптов в JavaScript. Атрибуты defer и async тега