wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

Продвинутый JavaScript и взаимодействие с HTML и CSS

Total questions: 30

Worksheet time: 18mins

Name
Class
Date
1.

Какой метод используется для добавления обработчика события к элементу в JavaScript?

a)

listenForEvent()

b)

addEventListener()

c)

attachEventListener()

d)

setEventHandler()

2.

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

a)

document.getElementByName('elementId').innerText = 'New Text';

b)

document.getElementById('elementId').innerText = 'New Text';

c)

document.querySelector('elementId').innerHTML = 'New Text';

d)

document.getElementById('elementId').textContent = 'New Text';

3.

Как можно изменить стиль элемента на странице с помощью JavaScript?

a)

document.getElementByName('elementId').style.property = 'value';

b)

document.querySelector('elementId').style.property = 'value';

c)

document.getElement('elementId').style.property = 'value';

d)

document.getElementById('elementId').style.property = 'value';

4.

Как можно скрыть элемент на странице с помощью CSS?

a)

opacity: 0;

b)

visibility: hidden;

c)

display: none;

d)

position: absolute;

5.

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

a)

Чтобы получить значение введенное в текстовое поле формы в HTML, используйте атрибут 'name' в теге для указания имени поля, затем отправьте форму на сервер для обработки введенных данных.

b)

Используйте JavaScript для получения значения из текстового поля

c)

Отправьте форму на сервер без указания имени поля

d)

Используйте атрибут 'value' в теге для получения значения

6.

Как можно отправить данные формы на сервер без перезагрузки страницы?

a)

CSS animations

b)

AJAX (Asynchronous JavaScript and XML)

c)

HTML form submission

d)

PHP form handling

7.

Как можно создать новый элемент на странице с помощью JavaScript?

a)

document.createElement('div')

b)

document.addNewElement('div')

c)

document.makeElement('div')

d)

document.createElement('span')

8.

Как можно изменить класс элемента на странице с помощью JavaScript?

a)

document.getElementsByClassName('myElement').classList.add('active')

b)

document.getElementById('myElement').setAttribute('class', 'active')

c)

document.querySelector('.myElement').classList.add('active')

d)

document.getElementById('myElement').classList.add('active')

9.

Как можно предотвратить стандартное действие браузера при событии в JavaScript?

a)

event.stopPropagation()

b)

event.preventDefault()

c)

event.prevent()

d)

event.stopDefault()

10.

Как можно анимировать элемент на странице с помощью CSS?

a)

Используйте JavaScript для анимации элемента, а не CSS

b)

Примените CSS свойство 'transition' для анимации элемента

c)

Используйте CSS свойства 'animation' и '@keyframes' для анимации элемента на странице.

d)

Используйте HTML тег для анимации элемента

11.

Выберите закрывающий тег открывающего тега <p>

a)

<p>

b)

</p>

c)

<p/>

d)

Закрывающий тег не нужен

12.

Выберите первую строку файла HTML

a)

<!doctype html>

b)

<html>

c)

<head>

d)

<body>

13.

Выберите тег переноса строки

a)

<head>

b)

<body>

c)

<p>

d)

<br>

14.

Выберите атрибут, с помощью которого в теге <img> указывается ссылка на изображение

a)

src

b)

alt

c)

width

d)

height

15.

Выберите правильный код HTML

a)

<body><p>Абзац</body></p>

b)

<body><p>Абзац</p></body>

c)

<img src("diamond.jpg")>

d)

<img src="diamond.jpg">

16.

Выберите тег раздела

a)

<body>

b)

<p>

c)

<br>

d)

<div>

17.

Выберите свойство CSS, задающее цвет фона

a)

background-color

b)

color

c)

text-align

d)

font-size

18.

Выберите верные значения свойства CSS text-align

a)

red

b)

left

c)

right

d)

100px

19.

Выберите единицы измерения в CSS

a)

Пиксели (px)

b)

Проценты (%)

c)

Метры (m)

d)

Попугаи (p)

20.

Выберите символ, с которого начинается название класса CSS

a)

Точка (.)

b)

Решётка (#)

c)

Восклицательный знак (!)

d)

Тире (-)

21.

Выберите символ, которым заканчивается любое свойство CSS

a)

Точка с запятой (;)

b)

Двоеточие (:)

c)

Точка (.)

d)

Слеш (/)

22.

Укажите атрибут, с помощью которого свойства CSS применяются к объекту

(a)  

23.

Выберите атрибут, с помощью которого в теге <a> указывается ссылка

a)

href

b)

src

c)

alt

d)

width

24.

Выберите тег, с помощью которого можно добавить на страницу JavaScript

a)

<script>

b)

<body>

c)

<head>

d)

<div>

25.

Укажите название функции JavaScript, которая показывает на странице всплывающее сообщение

(a)  

26.

Выберите правильное объявление переменной в JavaScript

a)

var dogName = "Ernest";

b)

dogName = "Ernest";

c)

var dogName == "Ernest";

d)

var dogName := "Ernest";

27.

Выберите оператор присваивания в JavaScript

a)

Равно (=)

b)

Двоеточие (:)

c)

Двоеточие и равно (:=)

d)

Тире (-)

28.

Выберите математическую операцию, которой нет в JavaScript

a)

Сложение

b)

Умножение

c)

Деление

d)

Возведение в степень

29.

Выберите выражения на JavaScript, результатом которых будет ИСТИНА (TRUE)

a)

"Доктор Дей" != "Эрнест"

b)

1 > 0.9

c)

2 + 2 == 4

d)

"Профессор" == "Бейрстоун"

30.

Выберите конструкцию, с помощью которой можно заставить программу на JavaScript выполняться по-разному, в зависимости от значения переменной

a)

alert

b)

if

c)

var

d)

function