Search templates: Primo basic JS search box

Adapted from Ex Libris documentation

https://knowledge.exlibrisgroup.com/Primo/Product_Documentation/020Primo_VE/008Primo_VE_User_Interface/010Primo_VE_Customization_-_Best_Practices#Creating_a_Search_Box_With_Deep_Links_to_Primo_VE

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<!-- Script that converts the query string into valid parameter -->
<script type="text/javascript">
function searchPrimo() {
document.getElementById("primoQuery").value = document.getElementById("searchparam").value + ",contains," + document.getElementById("primoQueryTemp").value.replace(/[,]/g, " ");
document.forms["searchForm"].submit();
}
</script>
<form id="simple" name="searchForm" method="get" target="_blank" action="https://caccl-laccd.primo.exlibrisgroup.com/discovery/search" enctype="application/x-www-form-urlencoded; charset=utf-8" onsubmit="searchPrimo()">
<!-- Customizable Parameters -->
<input type="hidden" name="vid" value="01CACCL_LACCD:ELAC">
<input type="hidden" name="tab" value="Everything">
<input type="hidden" name="search_scope" value="ELAC_LibraryCatalog_and_CI">
<input type="hidden" name="mode" value="basic">

<!-- Fixed parameters -->
<input type="hidden" name="displayMode" value="full">
<input type="hidden" name="bulkSize" value="10">
<input type="hidden" name="highlight" value="true">
<input type="hidden" name="dum" value="true">
<input type="hidden" name="query" id="primoQuery">
<input type="hidden" name="displayField" value="all">
<!-- Enable this if "Expand My Results" is enabled by default in Views Wizard -->
<input type="hidden" name="pcAvailabiltyMode" value="true">

<!-- Fields dropdown-->
<select id = "searchparam" style="font-size: 18px;padding: 11px; height: 47px">
    <option value="any">All fields</option>
    <option value="title">Title</option>
    <option value="sub">Subject</option>
    <option value="isbn">ISBN</option>
    <option value="creator">Creator</option>
</select>

<input type="text" id="primoQueryTemp" value="" placeholder="Search anything..." size="30" style="margin-left: -3px;font-size: 18px;padding: 15px; height: 47px">

<!-- Search Button -->
<button class="btn btn-blue" id="go" title="Search" onclick="searchPrimo()" type="button" value="Search" alt="Search" style="margin-left: -3px;padding: 11px 15px;font-size: 18px;">
   Search</button>

</form>