[JS] <script language="javascript" src="script.js"></script>
/*Создаём переменные*/
var color = 'red';
var x = 10;
var y = 10;
//
// Создание матрицы.
//
function createMatrix()
{
var matrix = document.getElementById('matrix');
var n = 20 * 20;
for (var i = 0; i < n; i++)
{
var div = document.createElement('div');
div.className = 'cell';
matrix.appendChild(div);
}
}
//
// Чтение ячейки матрицы.
//
function getCell(row, col)
{
// Функция принимает координаты ячейки
// должна вернуть true, если она закрашена,
// false, если не закрашена.
}
//
// Установка ячейки матрицы.
//
function setCell(row, col,color, val)
{
// Функция принимает координаты ячейки
// если , закрашивает ячейку,
// иначе убирает закраску.
var int = (row-1)*20 +col -1;
document.body.children[0];
document.getElementById('matrix').children[int].style.backgroundColor = (val) ? color : 'red';
}
/*функция обработки при нажатии на клаву*/
document.onkeydown = function(event){
event = (event) ? event : window.event;
switch(event.keyCode){
case 37:
setCell(x, y);
y--;
setCell(x, y, color, true);
break
case 38:
setCell(x, y);
x--;
setCell(x, y, color, true);
break
case 39:
setCell(x, y);
y++;
setCell(x, y, color, true);
break
case 40:
setCell(x, y);
x++;
setCell(x, y, color, true);
break
}
}
function var_dump(obj)
{
var s = '<h1>' + p + obj + '</h1>'
s += '<li><b>' + p + '</b> : ' + obj[p] + '</li>';
s += '</ol>';
window.document.body.innerHTML =S;
}
//
// Точка входа.
//
window.onload = function()
{
createMatrix();
setCell(x, y, color);[/JS]