Добавил:
Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:

web лабки / 16

.html
Скачиваний:
1
Добавлен:
27.01.2024
Размер:
2.95 Кб
Скачать

List ul, li { list-style-type: square; /* Маркеры в виде квадрата */ list-style-position: outside; /* Маркеры размещаются за пределами текстового блока */ color: red; /* Цвет текста списка */ font-size: 40px; } ul:hover li { opacity: 0.5; } ul li:hover { opacity: 1; color: black; font-size: 50px; } div#content p{line-height:1.4; } div#header,#wrapper{ background:orange; } div#navigation{ float:right; ; width:50% } div#extra{ float:right; width:50%; } лабораторна робота № 16

студента 410 групи Бойка Є. А. Варіант 3

Написати інтерфейс для створення маркованого списку. Пункти списку – це введені користувачем рядки у повідомленні prompt, значення яких записується у початок списку. При наведенні миші на пункти списку змінюється стиль оформлення. Організувати кнопку для видалення пунктів з кінця списку Нажми на кнопку чтобы удалить один пункт из списка

Удалить последний пункт маркированый список /*создаем список*/ 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); } let btn = document.querySelector('#btn'); btn.addEventListener('click', () => { let listItems = ul.querySelectorAll('li'); listItems[listItems.length - 1].remove(); });

Соседние файлы в папке web лабки