JSFiddle - React, Tailwind, and code Playground

by glebcha

HTML

<div>
    <p>Bacon ipsum dolor sit amet rump pastrami prosciutto eu chuck mollit. Minim in est biltong fugiat ball tip ea, kielbasa capicola proident ham non pork chop duis cupidatat. Labore exercitation dolor strip steak. Culpa sed pork chop tail, frankfurter capicola fatback in short loin andouille.</p>

    <p>Chuck esse est pariatur commodo tongue, short loin aute meatloaf corned beef sirloin consectetur tri-tip. Shank corned beef short loin beef kielbasa, dolore ut drumstick. Andouille brisket culpa, sirloin strip steak bacon prosciutto pariatur jerky. Rump minim do meatball, shank et turkey. Short ribs pig adipisicing, turducken officia short loin filet mignon hamburger voluptate sint elit kielbasa anim. Dolor do shankle tongue dolore labore occaecat laboris, brisket capicola sed shoulder.</p>
</div>
<input id="t1" type="text" name="t1" value="steak" />
<input id="button" type="submit" value="FIND" name="b1" onclick="searchpage()" />

JavaScript

function doSearch(text) {
    var sel;
    if (window.find && window.getSelection) {
        sel = window.getSelection();
        if (sel.rangeCount > 0) {
            sel.collapseToEnd();
        }
        window.find(text);
    } else if (document.selection && document.body.createTextRange) {
        sel = document.selection;
        var textRange;
        if (sel.type == "Text") {
            textRange = sel.createRange();
            textRange.collapse(false);
        } else {
            textRange = document.body.createTextRange();
            textRange.collapse(true);
        }
        if (textRange.findText(text)) {
            textRange.select();
        }
    }
}

function searchpage() {
    doSearch( document.getElementById("t1").value );
}