Wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

JavaScript8

Total questions: 18

Worksheet time: 15mins

Name
Class
Date
1.

Виберіть варіанти які дозволять отримати html елемент за його id.

a)

document.getElementById(‘idName’)

b)

document.getElementById(‘#idName’)

c)

document.querySelector(‘#idName’)

d)

document.querySelector(‘idName’)

e)

document.querySelect(‘#idName’)

2.

Виберіть варіанти які дозволять отримати всі абзаци на сторінці, якщо відомо, що всі вони мають клас 'mainText'.

a)

document.getElementsByClassName(‘.mainText’)

b)

document.getElementsByClassName(‘mainText’)

c)

document.getElementsByTagName(‘p’)

d)

document.getElementByTagName(‘p’)

e)

document.querySelect(‘.mainText’)

3.

Виберіть варіант, які додадуть зображення до блоку div, якщо let div = document.querySelector(‘div’)

a)

div.innerHTML('<img src = 'image.png'>')

b)

div.innerHTML = '<img src = 'image.png'>'

c)

div.textContent = '<img src = 'image.png'>'

d)

div.innerHTML(<img src = 'image.png'>)

4.

Який із варіантів додасть елементсписку на початок списку, якщо

let li = document.createElement('li')

li.innerHTML = ‘Новий елемент’

let ol = document.querySelector(‘#idList’)

a)

ol.append(li)

b)

ol.prepend(li)

c)

ol.before(li)

d)

ol.after(li)

5.

Які варіанти знайдуть перший елемент списку, якщо список має id gamesList

a)

document.querySelector('#gamesList li')

b)

document.querySelectorAll('#gamesList li')

c)

document.querySelector('li')

d)

document.getElementById(‘#games’)

e)

document.querySelector('ol li')

6.

Який із варіантів дозволить змінти URL для посилання let link = document.querySelector('#searchLink')

a)

link.setAttribute('google.com')

b)

link.setAttribute('href', 'google.com')

c)

link.getAttribute('google.com')

d)

link.removeAttribute('google.com')

7.

Запшіть код, який потрібно записати замість "?", щоб зберегти до imgSource назву зображення, яке відображає тег <img>

(a)  

8.

Виберіть варіант, який поверне оригінальні розміри зображення, якщо let img = document.querySelector('#logo')

a)

img.hasAttribute('width')

b)

img.getAttribute('width')

c)

img.setAttribute('width')

d)

img.removeAttribute('width')

9.

Який із варіантів дозволить викликати обробник подій при натисненні на кнопку мишкою?

a)

button.onclick(buttonClick)

b)

button.onclick = buttonClick()

c)

button.click = buttonClick

d)

button.onclick = buttonClick

10.

Виберіть варіанти в яких властивості записані правильно.

a)

button.contextmenu

b)

button.onmouseover

c)

button.onmouseout(shoot, 100)

d)

button.mousedown

e)

button.onmouseup

11.

Яка із подій означає натиск правої кнопки миші?

a)

click

b)

contextmenu

c)

mousemove

d)

clickRight

12.

Запишіть код, який викличе функцію message() через 1 хвилину.

(a)  

13.

Виберіть правильні варіанти запису функції setTimeout()

a)

setTimeout((a,b)=>alert(a+b), 600)

b)

setTimeout(message, 1000, name)

c)

setTimeout(100, (name)=> alert('Hello,'+name))

d)

setTimeout(500, message())

14.

Виберіть варіанти, які встановлять клас link для посиланя, якщо let a = document.querySelector(‘a’)

a)

a.className = ‘link'

b)

a.className(‘link')

c)

a.classList.add(‘link')

d)

a.classList.add = 'link'

e)

a.classList.contains('link')

15.

Запишіть код, який запускатиме функцію move() через кожну секунду.

(a)  

16.

Виберіть варіант, який зупинить виконання let timerId = setInterval(()=>alert('time is running'))

a)

clearTimeout(timerId)

b)

clearInterval(()=>alert('time is running'))

c)

clearInterval(timerId)

d)

clearTimeout(timerId) = 0

17.

Який метод використовується для відслідковування натиску клавіши?

a)

addEventListener()

b)

EventListener()

c)

keydown()

d)

keyup()

18.

Який із варіантів запустить на виконання функцію message при натиску клавіши Z ?

a)

document.addEventListener('keydown', message)

b)

document.addEventListener('keyup', message)

c)

document.addEventListener('Z', message)

d)

document.addEventListener('KeyZ', message)