JSFiddle - React, Tailwind, and code Playground

by merindema

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 newArr = text.split(' '); // массив
	var newArr_length = newArr.length;
	var dopVar = 0;
	slovo = slovo.trim();
	

	if (slovo == '') {
		alert('Введите слово!')
	}
	else{
		var i = 0;
		for (i; i < newArr_length; i++){
			if (slovo.toLowerCase() == newArr[i].toLowerCase()) {
				outPut.innerHTML = 'Ваше слово найдено!' + '<br>' + '<br>' + `<span>${newArr[i]}</span>`;
				dopVar = 1;
				return false;
			}
		}
		if (dopVar != 1) {
			alert("Такого слова нет!");
		}
	}
}