Поиск и маркировка строки внутри строки

Подготовьте файл HTML, который включает в себя текстовое поле и большое текстовое поле (TEXTAREA), а рядом с ними соответствующие метки, кнопку (button) с надписью «Поиск» и DIV с id со значением: rslt
А. Нажатие на кнопку проверит, что в 2 поля ввода были введены какие-либо значения, иначе напишет соответствующее сообщение в rslt и остановится с помощью return.
Б. Заполните раздел rslt содержимым большого текстового поля (TEXTAREA), но везде в этом поле, где появляется строка в текстовом поле, она будет окрашена в красный цвет. Придание этой строке красного цвета будет выполнено путем включения сегмента строки в элемент span, где в этом диапазоне будет определен красный класс дизайна, который будет определен в верхней части файла.
В. Пример: Если в текстовом поле было введено слово: "string", и содержание текста поля textarea было: " word part of speech ", результат, который будет записан в rslt, будет следующим: " word part of speech "
Но, если содержание слова: " string" с тем же содержанием текста, что и раньше, сообщение будет вставлено в rslt: «Слово, которое вы искали, отсутствует в предложении».
Инструкция: Обязательно используйте функцию indexOf, которая работает со строкой и находит позицию (индекс), с которой начинается конкретная подстрока (или 1-, если она не найдена). Вызов indexOf следует производить в первый раз с начала текста, а затем каждый раз с последнего места, где ранее была найдена строка. Способ, которым indexOf вызывается таким образом, выглядит следующим образом:
idx = str.indexOf(what,start)
Таким образом, функция будет искать, где строка начинается what внутри str, и проверит ее, начиная с позиции start. Обратите внимание, что полученное значение (в переменной idx) представляет собой позицию, начинающуюся с начала строки str. Этот поиск должен выполняться в цикле, и каждый раз, когда такая позиция будет найдена, строковая часть str должна быть взята из последнего места, где мы нашли слово, в новую позицию (и, конечно, добавить найденное слово с помощью span до и после), а затем продвиньте и обновите start значение для позиции новый поиск.

0