Q:

onclick add image to div

I am trying to get image in a <div> using onclick. 
Now I am getting the text on click. but I want to get the image in div on click...
How can i do this...?
Here is code I have implemented,,
Code:
<script>
function myFunction()
{
document.getElementById("surprise").innerHTML=images/aftersurprise.png;
}
</script>

When I click on element I should get the aftersurprise.png image on surprise element...

A:

use 
document.getElementById("surprise").innerHTML="<img src='images/aftersurprise.png' />";

