Alexey1985,
<!DOCTYPE html>
<html>
<head>
<title>Lesson018</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
b{
background: #FFCC33;
font-size: 48px;
border-radius:4px;
}
</style>
</head>
<body>
<p id="text"></p>
<script type="text/javascript">
var text = "Стучат по стыкам колеса, плещется в большом медном чайнике кипяток. В теплушке, под потолком, тускло светит аккумуляторная лампочка, на нарах, застеленных невиданной здесь пенкой, сидят и лежат спецназовцы. Кто дремлет, кто не торопясь курит и разговаривает, а дежурная смена находится у дверей при оружии и в полной боевой готовности. Полковник Бережной и генерал Бонч-Бруевич сидят у приоткрытого багрового зева буржуйки, и ведут свой неспешный разговор. Обсуждается извечный на Руси вопрос — кто виноват, и что делать. Сейчас разговор крутился вокруг первой половины ХХ века, ставшей для России воистину дорогой на Голгофу. Генерала интересовало то, как увести страну с этого пути, и какова при этом должна быть роль армии.";
var el = document.getElementById("text")
el.innerHTML = text;
function findWord(event)
{ event.preventDefault();
var word = myform.search.value;
var target = "<b>" + word + "</b>";
var text2 = text;
var len = word.length;
var lenTarget = target.length
var pos = -1;
while(word && (pos = text2.indexOf(word, pos+1)) != -1)
{
text2 = text2.slice(0, pos) + target + text2.slice(pos+len) ;
pos+=lenTarget;
}
el.innerHTML = text2;
}
</script>
<form name="myform">
<p>Введите слово: </p>
<input type="text" name="search" value="кто"/>
<input type="submit" value="Найти" onclick="findWord(event)" />
</form>
</body>
</html>