Diferencia entre revisiones de «Asignar una clase con submit»
De enunpimpam
(Página creada con «Categoría:JavaScript <syntaxhighlight lang="js"> const $home = document.getElementById("home"); $form.addEventListener("submit", event => { event.preventDefault(…») |
|||
| Línea 7: | Línea 7: | ||
$home.classList.add('search-active') | $home.classList.add('search-active') | ||
}); </syntaxhighlight> | }); </syntaxhighlight> | ||
| + | Si tenemos que asignar clases o stylos a mas de un elemento lo mejor es realizar una función y llamarla con el Submit. | ||
| + | |||
| + | <syntaxhighlight lang="js"> | ||
| + | function showModal() { | ||
| + | $overlay.classList.add('active'); // añade la clase active | ||
| + | $modal.style.animation = 'modalIn .8s forwards'; // añade el estilo modalIn de 8 segundos se queda en la posición final. | ||
| + | }; </syntaxhighlight> | ||
Revisión del 21:30 9 ago 2020
const $home = document.getElementById("home");
$form.addEventListener("submit", event => {
event.preventDefault() //para quitar que el formulario recarge siempre la pagina
$home.classList.add('search-active')
});
Si tenemos que asignar clases o stylos a mas de un elemento lo mejor es realizar una función y llamarla con el Submit.
function showModal() {
$overlay.classList.add('active'); // añade la clase active
$modal.style.animation = 'modalIn .8s forwards'; // añade el estilo modalIn de 8 segundos se queda en la posición final.
};