Nacho en 13:12 11 ago 2020

2020-08-11T13:12:07Z

Nacho: Página creada con «Categoría:JavaScript Primero localizamos el elemento que al que queremos añadir una clase o varias. document.getElementById('spinner')
2020-08-11T12:38:56Z

Página creada con «Categoría:JavaScript Primero localizamos el elemento que al que queremos añadir una clase o varias. <syntaxhighlight lang="js"> document.getElementById('spinner')</…»

Página nueva
[[Categoría:JavaScript]]

Primero localizamos el elemento que al que queremos añadir una clase o varias.
<syntaxhighlight lang="js">
document.getElementById('spinner')</syntaxhighlight>
<syntaxhighlight lang="js">
document.getElementById('spinner').classList.add('lds-hourglass', 'mx-auto', 'd-block');</syntaxhighlight>

← Revisión anterior		Revisión del 13:12 11 ago 2020
Línea 6:		Línea 6:
	<syntaxhighlight lang="js">		<syntaxhighlight lang="js">
	document.getElementById('spinner').classList.add('lds-hourglass', 'mx-auto', 'd-block');</syntaxhighlight>		document.getElementById('spinner').classList.add('lds-hourglass', 'mx-auto', 'd-block');</syntaxhighlight>
		+	==Asignar con submit==
		+	Podemos añadir una clase con las clases en un submit
		+	<syntaxhighlight lang="js">
		+	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 ...!!!!
		+	}) </syntaxhighlight>
		+	Si esta el debugger activo, podemos ir a la consola <code class="alert-info>data.get('buscar')</code> comprobamos que ahi esta el valor introducido en el input