1

Necesito que al hacer click cambie la imagen de fondo y se pueda restablecer, soy nuevo, me piden una pagina con js y se me ocurrió esto, adjunto mi código:

HTML:

<div id="cambiar_fondo">
   <button type="button" id="boton_color">CAMBIAR FONDO</button>
   <button type="button" id="boton_default">RESTABLECER FONDO</button>
</div>

JS:

document.getElementById('boton_color').addEventListener('click', function() {
    document.body.style.background-image.url('fondo_pagina_2.png');
});

document.getElementById('boton_default').addEventListener('click', function() {
    document.body.style.background-image.url('fondo_pagina.jpg');
});

1 respuesta 1

2

Tal como mencionan en la documentación, la sintaxis correcta sería:

document.body.style.backgroundImage = "url('tuImagen.png')";

Con esto ya lo obtendrías, por ejemplo:

document.getElementById('boton_color').addEventListener('click', function() {
  document.body.style.backgroundImage = "url('https://i.imgur.com/wBWzOZo.png')";
});

document.getElementById('boton_default').addEventListener('click', function() {
  document.body.style.backgroundImage = "url('https://i.imgur.com/ZnpyoVz.jpg')";
});
<div id="cambiar_fondo">
   <button type="button" id="boton_color">CAMBIAR FONDO</button>
   <button type="button" id="boton_default">RESTABLECER FONDO</button>
</div>

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.