Другие языки программирования и технологии

Нужна таблица 10 на 10 в HTML, закрасить клеточки черным и белым как на шахм. доске. Помогите пожалуйста!

Ermak ****
Ermak ****
172
<!-- Альтернативный вариант -->
<!doctype html>
<html lang="ru">
<head>
<meta charset="utf-8" />
<title>canvas</title>
<script>
window.onload = function() {
var board = document.getElementById("board");
var context = board.getContext('2d');

var cell = 60; // Определяет размер клетки
var dimension = 10;// Определяет размерность доски
var size = cell * dimension;
board.height = board.width = size + cell;

var leftTopIn = 18;
var rightBottomIn = size + 4;
context.strokeRect(leftTopIn, leftTopIn, rightBottomIn, rightBottomIn);

var leftTopOut = 15;
var rightBottomOut = size + 10;
context.strokeRect(leftTopOut, leftTopOut, rightBottomOut, rightBottomOut);

var beg = leftTopIn + 2;
context.fillRect(beg, beg, size, size);

for (var i = dimension - 1; i >= 0; i -= 2) {
for (var j = 0; j < dimension; j += 2) {
context.clearRect(beg + i * cell, beg + j * cell, cell, cell);
context.clearRect(beg + (i - 1) * cell, beg + (j + 1) * cell, cell, cell);
}
}
}
</script>
</head>
<body><canvas id='board'>Браузер фтопку</canvas></body>
</html>
Денис Зотов
Денис Зотов
78 623
Лучший ответ
вот код:

а вот реализация: https://dl.dropboxusercontent.com/u/68275466/chess.html
Алексей Старшинов
Алексей Старшинов
20 115
Вот накидал JavaScript-код запусти его он тебе с генерирует HTML-код
далее с копируй код в буфер обмена.. .

function get_table(num, color1, color2){
var htm = "<table border=1 cellpadding=0 cellspacing=0>\n";
var col;
var i = 0;
for(r = 0; r < num; ++r) {
htm += "<tr>";
i = r % 2;
for(c = 0; c < num; ++c, ++i) {
col = (i%2) ? color1 : color2;
htm += "<td bgcolor='"+col+"' width=40 height=40>&nbsp;</td>";
}
htm += "</tr>\n";
}
htm += "</table>";
return htm;
}

var str = get_table(10, "#ffff00", "#ffffff");
alert(str);
АШ
Ануар Шарипов
11 372

Похожие вопросы