Código de JavaScript - Poner y quitar un color de fondo a nuestra pagina con JavaScript

Val: 1.807

Poner y quitar un color de fondo a nuestra pagina con JavaScript

Publicado el 21 de Julio del 2019 por Xavi (548 códigos)

4.118 visualizaciones desde el 21 de Julio del 2019

Código que muestra como poner y quitar el color de fondo de una pagina con JavaScript y utilizando transition de CSS

Publicado el 21 de Julio del 2019

4.119 visualizaciones desde el 21 de Julio del 2019

<html>

<head>

    <meta charset="utf-8">

    <style>

    body {

        transition-duration:2s;

    .color {

        background-color:rgba(80, 80, 80, 0.7);

    </style>

</head>

<body>

    <h1>Pulsa en la pantalla para mostrar o eliminar el color del fondo</h1>

</body>

</html>

<script>

document.addEventListener("click", () => {

    const cl=document.body.classList;

    cl.contains("color")?cl.remove("color"):cl.add("color");

});

</script>

No hay comentarios


Nombre

Correo (no se visualiza en la web)

Valoración

Comentarios...

CerrarCerrar

Es necesario revisar y aceptar las políticas de privacidad

Acepto las políticas de privacidad

http://lwp-l.com/s5431

Formulario para cambiar la contraseña

Función para sumar o restar días a la fecha del sistema