ее

HTML

<div class="content_mass bottom_dva">
					<!-- Zadanie 2 -->
					<p class="mrg_bt">Задание 2. -Найти слово в тексте используя условие и цикл</p>
					<form>
						<textarea id="text_area" cols="35" rows="5">Я люблю Одессу! Здесь очень красиво.</textarea><br><br>
						<input type="text" id="input_poisk" placeholder="Введите слово..">
						<input type="button" id="bt_poisk" class="button_massivchik" value="Найти слово" onclick="myPoisk()">
					</form>
				</div>
				<div class="out">
					<h4 id="output"><!-- vivod --></h4>
				</div>

CSS

span{
  color: red;
}

JavaScript

function myPoisk() {
  var outPut = document.getElementById("output");
  var slovo = document.getElementById("input_poisk").value;
  var text = document.getElementById("text_area").value;
  var slova = text.split(' '); // массив исходных слов
  var dopVar = 0;
  slovo = slovo.trim();

  if (slovo == '') {
    alert('Введите слово!')
  } else {
    var i = 0;
    var letterIndex = 0; // индекс текущего символа
    for (i; i < slova.length; i++) {
      if (slovo.toLowerCase() == slova[i].toLowerCase()) {
        //outPut.innerHTML = 'Ваше слово найдено!' + '<br>' + '<br>' + `<span>${newArr[i]}</span>`;
        finish(text, letterIndex, slova[i].length);
        dopVar = 1;
        return false;
      }
      letterIndex += slova[i].length + 1; // +1, потому-что нужно учитывать пробелы
    }
    if (dopVar != 1) {
      alert("Такого слова нет!");
    }
  }
}

// Функция принимает координаты, которые нужно подсветить,
// и выводит в #output
function finish(text, from, size) {

  const answer = text.substr(from, size);
  const _text = text.replace(answer, `<span>${answer}</span>`);

  document.getElementById("output").innerHTML = _text;

}