Слайд 2
![Функції](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/95919/slide-1.jpg)
Слайд 3
![Область видимості Локальна Глобальна](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/95919/slide-2.jpg)
Область видимості
Локальна
Глобальна
Слайд 4
![DOM Об’єктна Модель Документа](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/95919/slide-3.jpg)
DOM
Об’єктна Модель Документа
Слайд 5
![My title My header My link](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/95919/slide-4.jpg)
Слайд 6
![](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/95919/slide-5.jpg)
Слайд 7
![Створення DOM елементів document.createElement(tag); - створює новий тег document.createTextNode(text); - створює текстовий вузол](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/95919/slide-6.jpg)
Створення DOM елементів
document.createElement(tag); - створює новий тег
document.createTextNode(text); - створює текстовий вузол
Слайд 8
![Додавання DOM елемента parentElem.appendChild(elem); - додасть елемент вкінець дочірніх елементів.](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/95919/slide-7.jpg)
Додавання DOM елемента
parentElem.appendChild(elem); - додасть елемент вкінець дочірніх елементів.
parentElem.insertBefore(elem, nextSibling); -
вказуємо перед яким з дочірніх елементів додати новий вузол.
Слайд 9
![Видалення DOM елементів parentElem.removeChild(elem) – видалить конкретний елемент зі списку](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/95919/slide-8.jpg)
Видалення DOM елементів
parentElem.removeChild(elem) – видалить конкретний елемент зі списку дітей батьківського
елемента
parentElem.replaceChild(newElem, elem) – видалить вказаний елемент і замінить його новим.
Слайд 10
![Найчастіше використовувані події onclick; onload; onchange (для чекбоксів) onmouseover, onmouseout](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/95919/slide-9.jpg)
Найчастіше використовувані події
onclick;
onload;
onchange (для чекбоксів)
onmouseover, onmouseout
onmousedown, onmouseup
onkeypress, onkeyup, onkeydown
onfocus, onblur