como cambiar fondo

[Amagoia686]

mediante un boton deseo cambiar el fondo de la pagina a negro. Si pulso otra vez a blanco y asi alternando balnco y negro en cada pulsacion.Como lo hago?Alguien me puede pasar el codigo? oexplicarmelo?

[JavierB]

Hola Amagoia686

Prueba con esto:

Código:

num=0;
function cambiar() {
  document.body.style.background = (num++ % 2 ==0) ? 'black' : 'white'; 
}

Llama a la función desde un botón y yatá.

Saludos,

[caricatos]

Hola:

<script>
var fondo = "white";
function cambiarFondo() {
fondo = (fondo == "white") ? "black" : "white";
document.body.style.backgroundColor = fondo;
}
...
</script>

...

<button onclick="cambiarFondo()" >cambio</butoon>

Saludos

[Amagoia686]

Hola javierB! antetodo grasias. LLeo poco tiempo con javscript, me podias explicar un poco por encima tu codigo? te estaria muy agradecida

Saludos y gracias de nuevo!!

[JavierB]

Hola de nuevo.

num=0; // variable global para llevar el control de los cambios

document.body.style.background = (num++ % 2 ==0) ? 'black' : 'white';

num++ Sirve para que la próxima vez que se entre a la función la variable valga una unidad más. Es lo mismo que si se hiciera num=num+1;

% 2 Hace el módulo de 2 con la variable anterior, es decir divide la variable entre 2 y devuelve el resto. Logicamente el resto solo puede ser cero o uno.

? 'black' : 'white'; Si el resto es cero se asigna al fondo el primer valor (black), en caso contrario se asigna el segundo (white)

Espero que se entienda más o menos bien. Se me da mejor escribir código que explicarlos

Saludos,

P.D. Saludos a caricatos, espero que no te haya afectado mucho el choque Seguro que parte del código te suena

[caricatos]

Iniciado por JavierB

...
P.D. Saludos a caricatos, espero que no te haya afectado mucho el choque Seguro que parte del código te suena

¡Je, je!... iba a comentar algo antes pero se me fue la conexión...

Y esto...

document.body.style.background = (++num % 2 == 1) ? 'white' : 'black';

Saludos

[Amagoia686]

Grasias a los dos por vuestra ayuda!!