/
Coderdev
/
web-static-labs
Обзор
Документация
Войти
/
Coderdev
/
web-static-labs
Код
Запросы
0
Задачи
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
html/lab4/index.html
176 строк
3 KB
Coderdev
1
13 мар 2026, 10:36
13 мар 2026, 10:36
7076aa2
Код
Авторство
О чём код?
<!doctype html> <html lang="ru"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Лабораторная работа №4</title> <link rel="stylesheet" href="../site.css"> </head> <body> <div class="wrapper"> <a class="back-link" href="../index.html">← Назад на главную</a> <header class="header"> <div class="logo"> <div class="logo-mark">L4</div> <div class="logo-text"> <h1>Лабораторная работа №4</h1> <p>JavaScript · DOM · Events</p> </div> </div> <nav class="nav"> <a href="../lab1/">Лаба 1</a> <a href="../lab2/">Лаба 2</a> <a href="../lab3/">Лаба 3</a> <a href="../index.html">Главная</a> </nav> </header> <section class="hero"> <div class="panel"> <h2>Задания лабораторной</h2> <p class="lead"> В этой лабораторной выполняются задания по JavaScript: работа с DOM, событиями и динамическим изменением страницы. </p> <div class="user-data"> <div class="badge"> Чуян Владислав Андреевич </div> <div class="badge"> ПИ2403 </div> </div> <div class="progress-box"> <div class="progress-title"> <span>Прогресс лабораторной</span> <strong>8 / 8</strong> </div> <div class="progress-bar"> <div class="progress-fill" style="width:100%;"></div> </div> </div> </div> <div class="panel"> <h3>Что изучено</h3> <div class="stats"> <div class="stat-card"> <h4>JavaScript</h4> <strong>8 заданий</strong> </div> <div class="stat-card"> <h4>DOM</h4> <strong>Работа со страницей</strong> </div> </div> </div> </section> <section class="task-list"> <div class="task-item"> <div class="task-left"> <strong>Task 1</strong> <span>Подключение JavaScript</span> </div> <a class="task-link" href="./task1/">Открыть</a> </div> <div class="task-item"> <div class="task-left"> <strong>Task 2</strong> <span>Обработка кнопки</span> </div> <a class="task-link" href="./task2/">Открыть</a> </div> <div class="task-item"> <div class="task-left"> <strong>Task 3</strong> <span>Работа с input</span> </div> <a class="task-link" href="./task3/">Открыть</a> </div> <div class="task-item"> <div class="task-left"> <strong>Task 4</strong> <span>Изменение стилей через JS</span> </div> <a class="task-link" href="./task4/">Открыть</a> </div> <div class="task-item"> <div class="task-left"> <strong>Task 5</strong> <span>Динамический список</span> </div> <a class="task-link" href="./task5/">Открыть</a> </div> <div class="task-item"> <div class="task-left"> <strong>Task 6</strong> <span>Калькулятор</span> </div> <a class="task-link" href="./task6/">Открыть</a> </div> <div class="task-item"> <div class="task-left"> <strong>Task 7</strong> <span>Дополнительное задание JavaScript</span> </div> <a class="task-link" href="./task7/">Открыть</a> </div> <div class="task-item"> <div class="task-left"> <strong>Task 8</strong> <span>Дополнительное задание JavaScript</span> </div> <a class="task-link" href="./task8/">Открыть</a> </div> </section> <div class="footer"> © 2026 · Лаба 4 · Чуян Владислав Андреевич </div> </div> </body> </html>