Как сделать поиск по странице?

Question

[Artem Petrenko]

Можете помочь сделать так чтобы текст <input> сравнивался с текстом на странице и если текст найден он выделялся жёлтым цветом?

Comments

[Алексей Ярков]

Что означает сравнивался?

[Artem Petrenko]

Алексей Ярков, То есть значение <input> сравнивалось с текстом страницы.

Answer 1

[Henry Chinasky]

1. ctrl + f
2. Пишешь - 'Как сделать поиск по странице?'
3. Prooofit.

Answer 2

[Андрей Охотников]

Перебираешь все элементы на странице, сравниваешь текст каждого со значение input, если совпадает - оборачиваешь данный текст в span с нужным классом (для подсветки)

Comments

[Сергей delphinpro]

это в простейшем случае.
А если текст разделен тегами?
Например ищем "большие сиси", а в разметке это
<strong>большие</strong> сиси

Задача не такая тривиальная, как может показаться на первый взгляд.

[Stalker_RED]

Сергей delphinpro, сорри за некропост, но под эту задачку есть библиотечка https://markjs.io/

[Сергей delphinpro]

Stalker_RED, Интересно, застаррил, посмотрю на досуге.

Answer 3

[Stalker_RED]

Подключаешь mark.js
На инпут вешаешь обработчик, который слушает input, change и paste
Значение этого инпута отправляешь в mark.js
Профит!