Техническое задание: Разработка веб-страниц с динамическим поиском

Описание задачи

Необходимо сверстать две простые, но функциональные веб-страницы на чистом HTML, CSS и JavaScript. Ключевое требование к первой странице - реализация интерактивной поисковой строки и связанного с ней списка.

Работа поиска

  • Над списком должна располагаться текстовая строка (поле ввода).
  • При каждом изменении текста в строке (ввод нового символа, удаление символа) программа должна выполнять мгновенный поиск и фильтрацию встроенного списка.
  • Список должен автоматически обновляться, показывая только те элементы, текст которых частично или полностью соответствует введённому запросу (по принципу автодополнения).

Требования к содержимому

  • Общая структура: Базовый, хорошо оформленный HTML-код (все стили по усмотрению разработчика).
  • Страница 1: Содержит поисковую строку и список больших данных (несколько пунктов).
  • Страница 2: Содержит привычный контент (например, подтверждение действий или дополнительную информацию).

Технические требования

  • Чистый код без использования внешних библиотек и фреймворков (только стандартные Vanilla JS, CSS 3, HTML5).
  • Логика поиска работает только внутри предоставленного набора данных на клиенте.
  • В итоговом архиве должны быть два HTML-файла (index.html и page2.html) или реализована система переключения.

Важное примечание: В коде не должны встречаться названия реальных фирм, торговых марок, номера телефонов или адреса почт. Вся контактная информация и элементы брендинга в изображениях или тексте должны быть заменены на нейтральные метки.