Записи

<table width="500" height="500" align="center" class="colorborder">
<tr><td>
<table width="500" height="500" align="center">
 <tr><td colspan="20" id="v47idpoint" align="center">point = 0</td></tr>
 <script>
 for (var i = 0; i < 20; i++) {
 document.write('<tr>');
 for (var j = 0; j < 20; j++) {
 document.write('<td style="background-color: rgb(204, 204, 204); width: 24px; height: 24px; cursor:pointer;" id="v47image'+eval(i*20+j)+'"> </td>');
 }
 document.write('</tr>');
 }
 </script> 
 <tr>
 <td colspan="4"><center><input value="красный" style="background-color: rgb(250, 50, 50);" onclick="v47ClickColor(1)" type="button"></center></td>
 <td colspan="4"><center><input value="зеленый" style="background-color: rgb(50, 250, 50);" onclick="v47ClickColor(2)" type="button"></center></td>
 <td colspan="4"><center><input value="синий" style="background-color: rgb(50, 50, 250);" onclick="v47ClickColor(3)" type="button"></center></td>
 <td colspan="4"><center><input value="желтый" style="background-color: rgb(250, 250, 50);" onclick="v47ClickColor(4)" type="button"></center></td>
 <td colspan="4"><center><input value="голубой" style="background-color: rgb(50, 250, 250);" onclick="v47ClickColor(5)" type="button"></center></td>
 </tr>
 <tr>
 <td colspan="20"><center><input value="сначала" onclick="v47NewClick()" type="button"></center>
</td>
 </tr>
</table>
</td>
 </tr>
</table>

 <script>
function getRandomInt(min, max) {
 return Math.floor(Math.random() * (max - min)) + min;
} 
var v47colpoint = 0;
var v47arcolor = ['#CCCCCC', '#FF5F5F', '#5FFF5F', '#5F5FFF', '#FFFF5F', '#5FFFFF'];
var v47tmpgame = [];
function v47NewClick() {
 v47colpoint = 0;
 for (var i = 0; i < 400; i++) {
 v47tmpgame[i] = getRandomInt(1, 6); 
 }
 v47tmpgame[380] = 0;
 v47PaintGray();
} 
function v47PaintGray() {
 for (var i = 0; i < 400; i++) {
 document.getElementById('v47image'+i).style.background = v47arcolor[v47tmpgame[i]];
 }
 document.getElementById('v47idpoint').innerHTML = 'point = '+v47colpoint;
}
function v47Win() {
 var rezultA = 0;
 for (var i = 0; i < 400; i++) {
 if (v47tmpgame[i] === 0) {rezultA = rezultA + 1;}; 
 }
 if ( rezultA >= 380) { document.getElementById('v47idpoint').innerHTML += ' Вы выиграли';};
} 
function v47ClickColor(numcolor) {
for (var j = 0; j < 400; j++) {
for (var i = 0; i < 400; i++) {
 if (v47tmpgame[i] === 0) if (v47tmpgame[i+1] === numcolor) {v47tmpgame[i+1] = 0};
 if (v47tmpgame[i] === 0) if (v47tmpgame[i-1] === numcolor) {v47tmpgame[i-1] = 0};
 if (v47tmpgame[i] === 0) if (v47tmpgame[i+20] === numcolor) {v47tmpgame[i+20] = 0};
 if (v47tmpgame[i] === 0) if (v47tmpgame[i-20] === numcolor) {v47tmpgame[i-20] = 0};
}}
v47colpoint = v47colpoint + 1;
v47PaintGray();
v47Win();
}
</script>