Zvýraznění hledaného slova

Výsledek

<title>Zvýraznění hledaného slova</title>
<h1>Zvýraznění hledaného slova</h1>

<form onsubmit="doSearch(this.slovo.value); return false">
    <p>
        <input name="slovo" oninput="doSearch(this.value)">
        <button>Vyhledat</button>
    </p>
</form>

<hr>

<div id="obsah">
    <p>Lo<b>sad</b>rem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt sapiente modi animi quo aspernatur recusandae suscipit cumque provident tempora aperiam.</p>
    <p>Recusandae, odio illo error nesciunt minus quo sint neque iusto natus reiciendis earum eum impedit aliquid eaque beatae qui maiores!</p>
    <p>Possimus, numquam nostrum expedita quos perspiciatis quaerat velit asperiores optio inventore! Aperiam, facilis possimus similique quam itaque dolorum veritatis reprehenderit!</p>
    <p>Assumenda, atque, ab, sit, aperiam illo vel libero dolore accusantium repellendus perspiciatis molestiae veniam provident iste optio aliquid nemo esse?</p>
    <p>Saepe, quis, perferendis? Laboriosam, error, quia minima corporis architecto est esse recusandae mollitia ea commodi ducimus eveniet officiis quis saepe!</p>
    <p>Itaque, molestiae sequi temporibus sit quo voluptatum voluptatibus. Facilis voluptas ab dolorum quidem labore consequatur architecto voluptatibus nesciunt neque ipsa.</p>    
</div>

HTML

Autoformát
Standardní režim
Mobilní zobrazení

CSS

Autoformát
CSS reset
Až na konci

JS

Autoformát
jQuery
Umístění JS