JS Event Click Show Hide

1<div style= "position:absolute;left:40%;top:10%;border-style:dotted" >2<br/>3<center>4<input type= "button" value= "hidden"/>5&nbsp;&nbsp;&nbsp;&nbsp;6<input type= "button" value= "Display"/>7</center>8</div>9<script type= "Text/javascript" >Tendocument.getElementsByTagName ("input") [0].onclick=function(){ One               //Hide an image A               varImgElement = Document.images[0]; -Imgelement.style.visibility= "Hidden"; -           } thedocument.getElementsByTagName ("input") [1].onclick=function(){ -               //Display the image -               varImgElement = Document.images[0]; -imgelement.style.visibility= "Visible"; +           } -document.getElementsByTagName ("div") [0].onmouseover=function(){ +               //enlarge the picture A               varImgElement = Document.images[0]; at               //get the size of the original picture -x =Imgelement.width; -y =Imgelement.height; -imgelement.width=imgelement.width*1.5; -imgelement.height=imgelement.height*1.5; -           } indocument.getElementsByTagName ("div") [0].onmouseout=function(){ -               //Restore a picture to               varImgElement = Document.images[0]; +Imgelement.width=x; -imgelement.height=y; the           } *           //Global Variables $           varx;Panax Notoginseng           vary; -</script>