Creating simple js search for your website. More info on https://blog.expertrec.com/create-javascript-search-box-for-your-website/

search-snippet.html

<!-- Insert the below snippet where you want your searchbox to appear -->
<form method="get" action="">
  <input type="text" name="search" id="search" value="" /> 
  <input type="submit" name="submit" value="Search" /> 
</form>

search.js

// Insert the below snippet in your javascript, either inside <script> tag or in separate javascript file.

var defaultText = "Search..."; 
var searchBox = document.getElementById("search"); //default text after load 
searchBox.value = defaultText; 

//on focus behaviour 
searchBox.onfocus = function() { 
  if (this.value == defaultText) {
    //clear text field 
    this.value = ''; 
  } 
} 

//on blur behaviour 
searchBox.onblur = function() {
  if (this.value == "") {
    //restore default text 
    this.value = defaultText; 
  } 
}