Question: Create a new web page with one image and corresponding JavaScript file. You will teach the image to play the "keep away" game. Give the image an ID so that your script can find it with the getElementById method.
Create two JavaScript functions, one that will change the image's visibility to hidden and one that will make it to visible. Set the image's onclick attribute to call the hide function. This way, the image will vanish whenever the user clicks on it. Also modify this function so that it calls the other function after a two-second delay. (Hint: use the setTimeout method.) Next, make the image change its position while it is invisible.
You will have to set position style of the image to either relative or absolute and adjust values of the top and left positions in the image style.
Note that the positions require units (such as pt or px). Consider how you will calculate a new top and left position for the image,
Also include the full XHTML code for each page, and screenshots of the pages as your Web browser displays them.
Summarize the steps you followed to perfect and create the website in a few paragraphs. Outline the difficulties you encountered and how you determined them.