- Описание
- Отправленные решения
505. Универсальный поиск
Разработчик Аркадий всегда любил искать информацию в интернете. Поэтому он придумал свой поисковый движок, свой браузер и свой сайт.
Ещё Аркадию нравится находить нужную информацию на страничках через встроенный поиск в браузере. Вводишь слово, и браузер сам подсвечивает все эти слова на страничке. Удобно!
Аркадий — продвинутый пользователь компьютера, поэтому ему хочется большей функциональности: искать несколько слов, подсвечивать фразу, которая находится в разных абзацах, работать со сложной вёрсткой. Нужно помочь нашему герою в поиске слов на странице. Так, например, одним из способов это сделать является CSS Custom Highlight API
.
Полезные ссылки:
Формат ввода
Для решения задачи скачайте html-файл, который представляет из себя приложение с поиском, текстовым блоком и переключателем для тестов. Каждый раз, когда в поиске изменяется значение, в коде вызывается функция highlight
.
Тест — это объект, который состоит из следующих полей:
comment
— краткое описание того, что этот тест проверяет;content
— вёрстка, в которой необходимо найти и выделить стилями некоторый текст;searchFor
— текст, который требуется найти на странице и выделить стилями.
Формат вывода
Ваше решение будет проверяться с помощью скриншотного тестирования. В качестве ответа требуется скопировать целиком содержимое тега script
, в котором находится функция highlight
.
Примечание
Для стилизации выделенного текста можно использовать либо класс search-results
, либо псевдо-элемент highlight
с идентификатором search-results
.
Ограничения
Ограничение времени
10 с
Ограничение памяти
640 МБ