505. Универсальный поиск

Не решаласьСредняя

Разработчик Аркадий всегда любил искать информацию в интернете. Поэтому он придумал свой поисковый движок, свой браузер и свой сайт.

Ещё Аркадию нравится находить нужную информацию на страничках через встроенный поиск в браузере. Вводишь слово, и браузер сам подсвечивает все эти слова на страничке. Удобно!

Аркадий — продвинутый пользователь компьютера, поэтому ему хочется большей функциональности: искать несколько слов, подсвечивать фразу, которая находится в разных абзацах, работать со сложной вёрсткой. Нужно помочь нашему герою в поиске слов на странице. Так, например, одним из способов это сделать является CSS Custom Highlight API.

Полезные ссылки:

Формат ввода

Для решения задачи скачайте html-файл, который представляет из себя приложение с поиском, текстовым блоком и переключателем для тестов. Каждый раз, когда в поиске изменяется значение, в коде вызывается функция highlight.

Тест — это объект, который состоит из следующих полей:

  • comment — краткое описание того, что этот тест проверяет;
  • content — вёрстка, в которой необходимо найти и выделить стилями некоторый текст;
  • searchFor — текст, который требуется найти на странице и выделить стилями.

Формат вывода

Ваше решение будет проверяться с помощью скриншотного тестирования. В качестве ответа требуется скопировать целиком содержимое тега script, в котором находится функция highlight.

Примечание

Для стилизации выделенного текста можно использовать либо класс search-results, либо псевдо-элемент highlight с идентификатором search-results.

Ограничения

Ограничение времени

10 с

Ограничение памяти

640 МБ

JavaScript Node.js 20.14 + Chrome 125
Нужно войти, чтобы отправить решение.Войти