In the code I have four butons that when the user clicks on the square button it should get rid of the question marl and display the square. This would apply to all the buttons just different symbols.
<html>
<head>
<title>Exercise 11.17 ESP Test</title>
</head>
<body>
<h1 style="text-align:center">ESP Test</h1>
<h2 style="text-align:center">Measur your Extra-Sensory Perception</h2>
<h3 style="text-align:center">The card below hides the image of a square, circle, or star. Concentrate on the hidden image, then click on the corresponding button to make your guess.</h3>
<h3 style="text-align:center"><p align="center">Statistics showing the number and percentage of correct guesses will appear in the boxes.</p></h3>
<hr />
</body>
<HEAD>
</HEAD>
</p>
<script type="text/javascript">
</script>
<div align="center">
<img name="face" src="../../../Desktop/mystery.gif" alt="face image" />
<form name="TempForm">
<input type="Button" value= "button" onClick="ChangeImage(Desktop/square.gif"/>
<input type= "button" value="triangle" onClick="ChangeImage(desktop/trangle.gif)" />
<input type= "button" value="circle" onClick="ChangeImage(circle.gif)" />
<input type= "button" value="star" onClick="ChangeImage(star.gif)" />
<br>
<body><br />
<br><br />
You have guessed correctly:<input type="text" name="" size="10" value="" />
out of:<input type="text" name="" size="10" value="" /> times.
<br>
<br />
That means you were correct:<input type="text" name="" size="10" value="" /> % of the time.
</form>
</body>
</html>
