Searchbar with focusing

Question

How to create a searchbar for focusing.

<div class=“search”>
<input type=“text” id=“search-bar”>
<button id=“search-btn”>Search</button>
</div>
<h1 class=“title”>Skills</h1>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
<h1 class=“title”>About</h1>
<p>Lorem Ipsum is simply dummy text of the printing.</p>

If the user search “skills” the web want to focus on that area. How to create that...
I know to make searchbox with the entered value will only visible

Answer 1

Like this? (I'm not too good in js)
https://code.sololearn.com/WCe12PNiBZ8s/?ref=app

Answer 2

Sousou Thank you, Can you make seachbar to get focused without any highlightings...