Me gustaría ejecutar una función antes de enviar un formulario, pero al parecer nunca se ejecuta, ¿es posible ejecutarla antes de enviarlo sin usar atributos como onsubmit="return funcion()"
o enviarlo con ajax?
Formulario HTML
<form action="search" method="GET" class="form-search" name="s-627">
<div class="search-container">
<input class="searchBox" type="search" name="q" id="searchTerm">
<button class="btn-form searchButton">
<span class="icon-search">s</span>
</button>
</div>
</form>
Código de JS
let form = document.querySelector('.form-search')
form.addEventListener('submit', (e) => {
e.preventDefault()
console.log('submit')
//función a ejecutar antes de enviar
saveSearch(input.value)
})