Контрольная работа по "Информатике"
Автор: Camaro Five • Март 3, 2021 • Контрольная работа • 1,269 Слов (6 Страниц) • 281 Просмотры
СОДЕРЖАНИЕ[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>
...