30 lines
731 B
HTML
30 lines
731 B
HTML
|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<title>Example 4.18</title>
|
||
|
|
<script>
|
||
|
|
function countBeans()
|
||
|
|
{
|
||
|
|
var i = 0;
|
||
|
|
var beans = 12;
|
||
|
|
beanImage = ("<img src = 'blue_bean.jpg' >");
|
||
|
|
document.write("<table align = 'center'><tr><td>");
|
||
|
|
document.write("<h1> <br /> Here are your beans:</h1>");
|
||
|
|
for (i = 0; i < (beans - i); i++)
|
||
|
|
document.write(beanImage + " ");
|
||
|
|
document.write("</td></tr></table>");
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<table align ="center" width ="70%"><tr><td colspan ="2">
|
||
|
|
<h1> </h2>
|
||
|
|
<h1>Count Beans!</h1>
|
||
|
|
<tr><td><p> </p>
|
||
|
|
<p><input type="button" id="beans" value="Click to count beans" onclick="countBeans();" /></p>
|
||
|
|
</td></tr>
|
||
|
|
</table>
|
||
|
|
</body>
|
||
|
|
</html>
|
||
|
|
|