1. Браузерный

Question 1

Что такое window в контексте браузера JavaScript?

Answer 1

Это глобальный объект который содержит свойства и методы для управления окном браузера.

Question 2

Что такое window.document в контексте браузера JavaScript?

Answer 2

Это объект который позволяет работать с содержимым страницы.

Question 3

Как получить элемент с веб страницы с помощью тега?

Answer 3

Новый метод document.querySelector(‘ ‘)
Старый метод document.getElementByTagName(‘ ‘)

Question 4

Как получить элемент с веб страницы с помощью айди?

Answer 4

Новый метод document.querySelector(‘# ‘)
Старый метод document.getElementsById(‘ ‘)

Question 5

Как получить элемент с веб страницы с помощью класса?

Answer 5

Новый метод document.querySelector(‘. ‘)
Старый метод document.getElementsByClassName(‘ ‘)

Question 6

Как получить все элементы с веб страницы с помощью тега?

Answer 6

document.querySelectorAll(‘ ‘)

Question 7

Как получить все элементы с веб страницы с помощью айди?

Answer 7

document.querySelectorAll(‘# ‘)

Question 8

Как получить все элементы с веб страницы с помощью класса?

Answer 8

document.querySelectorAll(‘. ‘)

Question 9

Как добавить событие на элемент в веб странице?

Answer 9

.addEventListener(‘событие’, функция)

Question 10

Как удалить событие из элемента на веб странице?

Answer 10

.removeEventListener(‘событие’, функция)

Question 11

Какие варианты событий есть у элементов в веб странице?

Answer 11

click, input, scroll, resize, keydown

Question 12

Событие click?

Answer 12

Реакция на нажатие
.addEventListener(‘click’, ( ) => console.log(‘click’))

Question 13

Событие input?

Answer 13

Реакция на ввод текста в инпуте
.addEventListener(‘input’, (event) => {console.log(event.target.value)})

Question 14

Событие scroll?

Answer 14

Реакция на прослистывание
.addEventListener(‘scroll’, (event) => {console.log(event)})

Question 15

Событие resize?

Answer 15

Реакция на изменение размера экрана .addEventListener(‘resize’, (event) => {console.log(event)})

Question 16

Событие keydown?

Answer 16

Реакция при нажатии на кнопку
.addEventListener(‘keydown’, (event) => {console.log(event)})

Question 17

Как предотвратить стандартное поведения браузера в ответ на событие?

Answer 17

Метод event.preventDefault()