Как сделать так, чтобы можно было находить слово в тексте?

Question

[Дмитрий]

Есть текст в textarea, инпут, чтобы ввести слово, которое хочу найти, и кнопка поиска. Выводиться должно в h4 ниже. С помощью чего реализовать?

Comments

[Сергей Соколов]

не понятно: выводить все слова из текста, с которыми совпадает введённая подстрока?
Ввели "ес" – вывелось "десятки, одесские, песчаные, песок"
Или как ?

[Дмитрий]

Сергей Соколов, ну допустим вся строка из textarea , а искомое слово допустим красного цвета

Answer 1

[Сергей Соколов]

Заменять регулярным выражением вхождения поисковой подстроки на её же, обёрнутую в тег <span> который стилями сделает текст внутри него красным:

Но, поскольку строка поиска становится регулярным выражением, можно в поиск ввести, например, [о-т] для поиска всех букв из диапазона: о, п, р, с, т.
А простая точка выберет вообще весь текст. Поэтому хорошо бы в поисковой строке сначала экранировать все спец-символы из арсенала регулярных выражений.