HTML Searching on the same page [closed]

Answer 1

Easiest thing to do would be some javascript

<input id="searchText"><button onclick="search()">Search</button>
<script>
function search() {
   var searchText = $("#searchBar").val();
   $(".searchText:contains('" + searchText + "')").css("background","#FF0");
}
</script>
<div class=".searchText">Some kind of text would go here</div>

Answer 2

You can make use of window.find() in JavaScript
Reference: https://developer.mozilla.org/en-US/docs/Web/API/Window/find

Demo:

function search(string){
window.find(string);
}

<input placeholder="type foo or bar" type="text" id="search">
<input type="button" value="Go" onclick="search(document.getElementById('search').value)">
<br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br>
<p>foo</p>
<p>bar</p>
<p>hello world</p>