Estoy tratando de hacer un botón que puedas presionar en la página web que cambiará su fondo con un gif de nieve que preparé. Obtuve el botón para mostrar y ocultar el gif e incluso agregarlo, pero parece que no puedo hacer que cambie el fondo completo para que parezca que comenzó a nevar. Aquí está el código para eso:

 function snowing(){ let x = document.getElementById('hideimage'); document.getElementById('sno_btn').onclick = function(){ if (x.style.display === "none") { x.style.display = "block"; document.body.style.backgroundImage = "url('snow.gif') no repeat scroll center"; } else { x.style.display = "none"; document.body.style.background = "black"; } }

En este momento, solo tengo el gif oculto en la página hasta que lo necesite. Si alguien puede indicarme la dirección correcta, si puedo lograr esto con Javascript o no, o si debería buscar más a fondo.