Tengo este archivo js codificado y cuando trato de llamar a mi botón de búsqueda, ¡no sucede nada cuando hago clic en el botón! No hay error ni nada, solo un botón en el que se puede hacer clic. ¿Alguna ayuda? index.hbs mi barra de búsqueda y botón

 input type="text" id="search-text" placeholder="Search.." name="search"> <button type="submit" id="search-button"><i class="fa fa-search" id="search-button"></i></button>

frontend.js

 function executeSearch(){ let searchTerm= document.getElementById('search-text').value; if(!searchTerm){ location.replace('/'); return; } let mainContent= document.getElementById('main-content'); let searchUrl = `/posts/search?search=${searchTerm}`; fetch(searchUrl) .then((data) =>{ console.log(data); }) .catch((err) =>console.log(err)); } const {execute} = require("../../config/database"); let searchButton = document.getElementById('search-button'); if(searchButton){ searchButton.onclick = executeSearch; }