#JS HTML Academy

Question 1

Как получить значение input?

Answer 1

input.value

Question 2

Как узнать тип поля?

Answer 2

input.type

Question 3

Как найти элемент на странице?

Answer 3

document.querySelector(elem)

Question 4

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

Answer 4

parent.append(elem)

Question 5

Как вернуть все элементы?

Answer 5

document.querySelectorAll(elem)

Question 6

Как переключать класс?

Answer 6

elem.classList.toggle(‘class’)

Question 7

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

Answer 7

elem.classList.add(‘class’)

Question 8

Как получить текстовое содержание элемента?

Answer 8

elem.textContent

Question 9

Как заблокировать элемент?

Answer 9

elem.disabled = true

Question 10

Как записать значение в input?

Answer 10

input.value = ‘…’

Question 11

Как прокрутить страницу к элементу?

Answer 11

window.scrollTo(0, y)

Question 12

Как записать текстовое содержимое элементу?

Answer 12

elem.textContent = ‘text’

Question 13

Как получить значение атрибута data?

Answer 13

elem.dataset.dataName

Question 14

Как задать CSS свойство?

Answer 14

elem.style.cssProperty = ‘value’

Question 15

Как отследить ввод в input?

Answer 15

elem.oninput

Question 16

Как узнать содержит ли элемент?

Answer 16

elem.classList.contains(‘class’)

Question 17

Как определить позицию элемента?

Answer 17

window.pageOffsetY

Question 18

Как отследить скролл?

Answer 18

window.onscroll

Question 19

Что можно добавлять методом append?

Answer 19

элемент или текст

Question 20

Как удалить класс у элемента?

Answer 20

elem.classList.remove(‘class’)

Question 21

Как определить изменение элемента?

Answer 21

elem.onchange

Question 22

Как создать элемент?

Answer 22

document.createElement(‘tag’)

Question 23

Как пройти по элементам массива?

Answer 23

for (let item of items) { … }

Question 24

Как получить все свойства страницы?

Answer 24

window.getComputedStyle

Question 25

Как определить значение чек-бокса?

Answer 25

elem.checked

Question 26

Как написать while?

Answer 26

while (i > 0) {}

Question 27

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

Answer 27

video.setAttribute(“poster”, “woke.jpg”);

Question 28

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

Answer 28

video.setAttribute(“controls”, “true”);

setAttribute обязательно требует указывать значение атрибута, даже если это булев атрибут

Question 29

Как изменить атрибут элемента?

Answer 29

video.setAttribute(“poster”, “woke.jpg”);

Question 30

Как удалить атрибут элемента?

Answer 30

video.removeAttribute(“autoplay”);

Question 31

Как проверить наличие атрибута элемента?

Answer 31

if (video.hasAttribute("autoplay")) {
    // делаем что-то
}

Question 32

Как поймать событие нажатия Enter в поле input?

Answer 32

(function({

 document.querySelector('input').addEventListener('keydown', 
    function(e) {
        if (e.keyCode === 13) {
 // можете делать все что угодно со значением текстового поля
            console.log(this.value);
        }
    });
})();