Asiginar Class con classList.add

De enunpimpam
Revisión del 13:12 11 ago 2020 de Nacho (discusión | contribuciones)
(dif) ← Revisión anterior | Revisión actual (dif) | Revisión siguiente → (dif)
Saltar a: navegación, buscar


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