change background -exercises

<!DOCTYPE html>
<html>

  <head>
    <link rel="stylesheet" href="style.css">
    <script src="script.js"></script>
  </head>

  <body  onload="myFunction2()" style="background-image:url(http://www.creativefan.com/important/cf/2012/12/scary-optical-illusions/postal-francesa.jpg)">
  
  
    
  <button id="button1">Button1</button>
  
    
    <script>

        
    // Exercise 1 -  Create a function that changes the background to the image with source url https://goo.gl/xNM4L6
    // you can call the function any way you want
    // To get help you may want to search the web for "changing background image with css"

    
    // Exercise 2 -  Create a function that loads image at https://goo.gl/YcxA7P, when page loads.  Add appropriate event method.

        
        
    // Exercise 3 - Write a function that is linked to button 1, such that when button 1 is clicked, the background will change
    // based on the following sources (hint: use an event listener and a conditional)
    //  https://goo.gl/YcxA7P  green dot
    //  https://goo.gl/xNM4L6  tunnel
    //  https://goo.gl/DGHhVp  rotation
    //  https://goo.gl/CnWJnK  dancer
    //  https://goo.gl/U6SKPK  skull
    //  https://goo.gl/r13FTW  dice
      
    </script>
  
  </body>

</html>

// Code goes here

/* Styles go here */