Asiginar Class con classList.add
De enunpimpam
Primero localizamos el elemento que al que queremos añadir una clase o varias.
document.getElementById('spinner')
document.getElementById('spinner').classList.add('lds-hourglass', 'mx-auto', 'd-block');
Asignar con submit
Podemos añadir una clase con las clases en un submit
const $form = document.getElementById("form"); //Seleccionamos form const $spinner = document.getElementById('spinner'); //Seleccionamos elemento $form.addEventListener("submit", event => { event.preventDefault() $spinner.classList.add('lds-hourglass', 'mx-auto', 'd-block'); const data = new FormData($form) debugger // CUIDADO ...!!!! })
Si esta el debugger activo, podemos ir a la consola data.get('buscar')
comprobamos que ahi esta el valor introducido en el input