#JS HTML Academy Flashcards

1
Q

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

A

input.value

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
2
Q

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

A

input.type

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
3
Q

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

A

document.querySelector(elem)

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
4
Q

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

A

parent.append(elem)

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
5
Q

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

A

document.querySelectorAll(elem)

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
6
Q

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

A

elem.classList.toggle(‘class’)

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
7
Q

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

A

elem.classList.add(‘class’)

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
8
Q

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

A

elem.textContent

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
9
Q

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

A

elem.disabled = true

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
10
Q

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

A

input.value = ‘…’

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
11
Q

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

A

window.scrollTo(0, y)

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
12
Q

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

A

elem.textContent = ‘text’

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
13
Q

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

A

elem.dataset.dataName

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
14
Q

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

A

elem.style.cssProperty = ‘value’

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
15
Q

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

A

elem.oninput

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
16
Q

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

A

elem.classList.contains(‘class’)

17
Q

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

A

window.pageOffsetY

18
Q

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

A

window.onscroll

19
Q

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

A

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

20
Q

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

A

elem.classList.remove(‘class’)

21
Q

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

A

elem.onchange

22
Q

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

A

document.createElement(‘tag’)

23
Q

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

A

for (let item of items) { … }

24
Q

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

A

window.getComputedStyle

25
Как определить значение чек-бокса?
elem.checked
26
Как написать while?
while (i > 0) {}
27
Как добавить атрибут элементу?
video.setAttribute("poster", "woke.jpg");
28
Как добавить булев атрибут элементу?
video.setAttribute("controls", "true"); | setAttribute обязательно требует указывать значение атрибута, даже если это булев атрибут
29
Как изменить атрибут элемента?
video.setAttribute("poster", "woke.jpg");
30
Как удалить атрибут элемента?
video.removeAttribute("autoplay");
31
Как проверить наличие атрибута элемента?
``` if (video.hasAttribute("autoplay")) { // делаем что-то } ```
32
Как поймать событие нажатия Enter в поле input?
(function({ ``` document.querySelector('input').addEventListener('keydown', function(e) { if (e.keyCode === 13) { // можете делать все что угодно со значением текстового поля console.log(this.value); } }); })(); ```