<html>
<head>
<title>Диаграмма</title>
<script language="JavaScript">
i=0
function d_rand() {
for(j=0;j<10;j++) {
for(i=0;i<10;i++) document.images[j+i*10].src = "white.jpg"
y= Math.floor(Math.random()*10)
for(i=9;i>9-y;i--) document.images[j+i*10].src = "blue.jpg"
}
}
</script>
<body>
<center>
<table border="0">
<tr>
<td><img src="white.jpg" width="20" height="10"></td>
<td><img src="white.jpg" width="20" height="10"></td>
<td><img src="white.jpg" width="20" height="10"></td>
<td><img src="white.jpg" width="20" height="10"></td>
<td><img src="white.jpg" width="20" height="10"></td>
<td><img src="white.jpg" width="20" height="10"></td>
<td><img src="white.jpg" width="20" height="10"></td>
<td><img src="white.jpg" width="20" height="10"></td>
<td><img src="white.jpg" width="20" height="10"></td>
<td><img src="white.jpg" width="20" height="10"></td>
<tr>
<td><img src="white.jpg" width="20" height="10"></td>
<td><img src="white.jpg" width="20" height="10"></td>
<td><img src="white.jpg" width=20 height=10></td>
<td><img src="white.jpg" width="20" height="10"></td>
<td><img src="white.jpg" width="20" height="10"></td>
<td><img src="white.jpg" width="20" height="10"></td>
<td><img src="white.jpg" width="20" height="10"></td>
<td><img src="white.jpg" width="20" height="10"></td>
<td><img src="white.jpg" width="20" height="10"></td>
<td><img src="white.jpg" width="20" height="10"></td>
<tr>
<td><img src="white.jpg" width="20" height="10"></td>
<td><img src="white.jpg" width="20" height="10"></td>
<td><img src="white.jpg" width="20" height="10"></td>
<td><img src="white.jpg" width="20" height="10"></td>
<td><img src="white.jpg" width="20" height="10"></td>
<td><img src="white.jpg" width="20" height="10"></td>
<td><img src="white.jpg" width="20" height="10"></td>
<td><img src="white.jpg" width="20" height="10"></td>
<td><img src="white.jpg" width="20" height="10"></td>
<td><img src="white.jpg" width="20" height="10"></td>
<tr>
<td><img src="white.jpg" width="20" height="10"></td>
<td><img src="white.jpg" width="20" height="10"></td>
<td><img src="white.jpg" width="20" height="10"></td>
<td><img src="white.jpg" width="20" height="10"></td>
<td><img src="white.jpg" width="20" height="10"></td>
<td><img src="white.jpg" width="20" height="10"></td>
<td><img src="white.jpg" width="20" height="10"></td>
<td><img src="white.jpg" width="20" height="10"></td>
<td><img src="white.jpg" width="20" height="10"></td>
<td><img src="white.jpg" width="20" height="10"></td>
<tr>
<td><img src="white.jpg" width="20" height="10"></td>
<td><img src="white.jpg" width="20" height="10"></td>
<td><img src="white.jpg" width="20" height="10"></td>
<td><img src="white.jpg" width="20" height="10"></td>
<td><img src="white.jpg" width="20" height="10"></td>
<td><img src="white.jpg" width="20" height="10"></td>
<td><img src="white.jpg" width="20" height="10"></td>
<td><img src="white.jpg" width="20" height="10"></td>
<td><img src="white.jpg" width="20" height="10"></td>
<td><img src="white.jpg" width="20" height="10"></td>
<tr>
<td><img src="white.jpg" width="20" height="10"></td>
<td><img src="white.jpg" width="20" height="10"></td>
<td><img src="white.jpg" width="20" height="10"></td>
<td><img src="white.jpg" width="20" height="10"></td>
<td><img src="white.jpg" width="20" height="10"></td>
<td><img src="white.jpg" width="20" height="10"></td>
<td><img src="white.jpg" width="20" height="10"></td>
<td><img src="white.jpg" width="20" height="10"></td>
<td><img src="white.jpg" width="20" height="10"></td>
<td><img src="white.jpg" width="20" height="10"></td>
<tr>
<td><img src="white.jpg" width="20" height="10"></td>
<td><img src="white.jpg" width="20" height="10"></td>
<td><img src="white.jpg" width="20" height="10"></td>
<td><img src="white.jpg" width="20" height="10"></td>
<td><img src="white.jpg" width="20" height="10"></td>
<td><img src="white.jpg" width="20" height="10"></td>
<td><img src="white.jpg" width="20" height="10"></td>
<td><img src="white.jpg" width="20" height="10"></td>
<td><img src="white.jpg" width="20" height="10"></td>
<td><img src="white.jpg" width="20" height="10"></td>
<tr>
<td><img src="white.jpg" width="20" height="10"></td>
<td><img src="white.jpg" width="20" height="10"></td>
<td><img src="white.jpg" width="20" height="10"></td>
<td><img src="white.jpg" width="20" height="10"></td>
<td><img src="white.jpg" width="20" height="10"></td>
<td><img src="white.jpg" width="20" height="10"></td>
<td><img src="white.jpg" width="20" height="10"></td>
<td><img src="white.jpg" width="20" height="10"></td>
<td><img src="white.jpg" width="20" height="10"></td>
<td><img src="white.jpg" width="20" height="10"></td>
<tr>
<td><img src="white.jpg" width="20" height="10"></td>
<td><img src="white.jpg" width="20" height="10"></td>
<td><img src="white.jpg" width="20" height="10"></td>
<td><img src="white.jpg" width="20" height="10"></td>
<td><img src="white.jpg" width="20" height="10"></td>
<td><img src="white.jpg" width="20" height="10"></td>
<td><img src="white.jpg" width="20" height="10"></td>
<td><img src="white.jpg" width="20" height="10"></td>
<td><img src="white.jpg" width="20" height="10"></td>
<td><img src="white.jpg" width="20" height="10"></td>
<tr>
<td><img src="white.jpg" width="20" height="10"></td>
<td><img src="white.jpg" width="20" height="10"></td>
<td><img src="white.jpg" width="20" height="10"></td>
<td><img src="white.jpg" width="20" height="10"></td>
<td><img src="white.jpg" width="20" height="10"></td>
<td><img src="white.jpg" width="20" height="10"></td>
<td><img src="white.jpg" width="20" height="10"></td>
<td><img src="white.jpg" width="20" height="10"></td>
<td><img src="white.jpg" width="20" height="10"></td>
<td><img src="white.jpg" width="20" height="10"></td>
<tr><td colspan="10"><img src="blue.jpg" width="250" height="2"></td></tr>
</table>
<form name="diagram">
<input name="random" type="button" value="кликни" onClick="d_rand()">
</form>
</center>
</body>
</html>
