title: background gif on javascript to change css
body: <p>I'm trying to change the CSS of my website by the user clicking a div and when they do the website's background will turn into a gif, but I don't know how to do that on JavaScript!</p>
  
  <p>here's my code</p>
  
  <pre><code> function easterFun(){
       var changeBG = document.getElementById("body");
       changeEaster.setAttribute("style","background-image:url(eatser.gif)")
  </code></pre>
  
  <p>also my div wont do anything when it is clicked. it wont execute this code can someone tell me the problem pls??
      
      
      
      
      
      Welcome to the Holiday Spirit website!!!</p>
  
  <pre><code>&lt;div  id="easter"onclick="easterFun" style = "cursor: pointer"()&gt;Easter!&lt;/div&gt;
  &lt;div id = "xmas" onclick ="xmasFun()"&gt;Christmas&lt;/div&gt;
  
  
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>