Контрольная работа по "Информатике"

СОДЕРЖАНИЕ[pic 1]

Задания        3

Вывод:        15

Контрольные вопросы:        15

       Задания

Задание 1

Напишите код, который получит элемент <div>:

document.body.firstElementChild

Напишите код, который получит <ul>:

document.body.lastElementChild

Напишите код, который получит второй <li> (с именем Пит):

document.body.lastElementChild.lastElementChild

Задание 2
У нас есть дерево, структурированное как вложенные списки ul/li.

Напишите код, который выведет каждый элемент списка <li>:

Какой в нём текст (без поддерева) ?

Какое число потомков – всех вложенных <li> (включая глубоко вложенные) ?

let lis = document.getElementsByTagName('li');

for (let li of lis) {

// получить количество всех <li> ниже этого <li>

let descendantsCount = li.getElementsByTagName('li').length;

if (!descendantsCount) continue;

// добавить непосредственно к текстовому узлу (добавить к тексту)

li.firstChild.data += ' [' + descendantsCount + ']';

}

Задание 3

Сделайте все внешние ссылки оранжевыми, изменяя их свойство style.

Ссылка является внешней, если:

Её href содержит ://

Но не начинается с http://internal.com.

let links = document.querySelectorAll('a');

for (let link of links) {

let href = link.getAttribute('href');

if (!href) continue; // нет атрибута

if (!href.includes('://')) continue; // нет протокола

if (href.startsWith('http://internal.com')) continue; // внутренняя

link.style.color = 'orange';

}

Задание 4

Создайте функцию clear(elem), которая удаляет всё содержимое из elem.

function clear(elem) {

while (elem.firstChild) {

elem.firstChild.remove();

}

}

Задание 5

Напишите интерфейс для создания списка.

Для каждого пункта:

Запрашивайте содержимое пункта у пользователя с помощью prompt.

Создавайте элемент <li> и добавляйте его к <ul>.

Процесс прерывается, когда пользователь нажимает Esc или вводит пустую строку.

Все элементы должны создаваться динамически.

Если пользователь вводит HTML-теги -– пусть в списке они показываются как обычный текст.

let ul = document.createElement('ul');

document.body.append(ul);

while (true) {

let data = prompt("Введите текст для элемента списка", "");

if (!data) {

break;

}

let li = document.createElement('li');

li.textContent = data;

ul.append(li);

}

Задание 6

Создайте цветные часы

CSS – структура:

<div id="clock">

<span class="hour">hh</span>:<span class="min">mm</span>:<span class="sec">ss</span>