Форум программистов, компьютерный форум, киберфорум
JavaScript
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.50/58: Рейтинг темы: голосов - 58, средняя оценка - 4.50
0 / 0 / 0
Регистрация: 05.10.2015
Сообщений: 18

Шахматная доска через таблицу

12.02.2017, 12:05. Показов 10809. Ответов 2
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Помогите мне, пожалуйста. В таблицах не очень понимаю, так тут еще и цикл for привязать нужно к этому делу...
"Разобрать и переписать скрипт, который формирует HTML-код клетчатого поля с чередованием темных и светлых клеток.

Ваша программа должна состоять только из двух функций:
- table(a,b,c1,c2) - собирает и выводит в HTML-код поле из a строк и b столбцов цвета c1 и c2
- line(b,c1,c2) или line(b,c2,c1) - собирает очередную строку (четную или нечетную)
"
0
Лучшие ответы (1)
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
12.02.2017, 12:05
Ответы с готовыми решениями:

Шахматная доска на js/css/html
Здравствуйте, есть задача.Нужно вывести шахматную доску определенной размерности на страничке, но в будущем потребуется обращение к...

Шахматная доска
Доброго времени, уважаемые форумцы! Посмотрел урок по созданию шахматной доски, возник вопрос: а как добавить буквы и цифры? Ну чтобы...

Шахматная доска
Привет всем! Прошу помочь сделать следующую задачу: Создать функцию, генерирующую шахматную доску. Можно использовать любые ...

2
 Аватар для Пифагор
2172 / 1655 / 840
Регистрация: 10.01.2015
Сообщений: 5,207
12.02.2017, 18:06
Лучший ответ Сообщение было отмечено Fedor92 как решение

Решение

Немного усовершенствовал, добавив аргумент для изменения размера клетки.
Плюс не вижу смысла в функциях line(b,c1,c2) и line(b,c2,c1), поэтому сделал без них.
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
function table(rows,cols, c1, c2, z){
  var table = document.createElement('TABLE');
  document.body.appendChild(table);
  var tr = document.createElement('TR');
  var td = document.createElement('TD');
  td.style.width = z+'px';
  td.style.height = z+'px';
  for(var i=0; i<rows; i++){
    table.appendChild(tr.cloneNode(true));
    for(var j=0; j<cols; j++){
      var _tr = table.getElementsByTagName('TR')[i];
      _tr.appendChild(td.cloneNode(true));
    }
  }
  for (var i = 0; i < table.rows.length; i++){
    var row = table.rows[i];
    for (var j = 0; j < row.cells.length; j++){
      if((i%2==0 && j%2==0) || i%2==1 && j%2==1)
        row.cells[j].style.backgroundColor = c2;
      else
        row.cells[j].style.backgroundColor = c1;
    }
  }
}
table(8,8,'red','black', 30);
https://jsfiddle.net/omwxzpv5/

Добавлено через 8 минут
Поправка (избавился от повторного цикла):
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
function table(rows,cols, c1, c2, z){
  var table = document.createElement('TABLE');
  document.body.appendChild(table);
  var tr = document.createElement('TR');
  var td = document.createElement('TD');
  td.style.width = z+'px';
  td.style.height = z+'px';
  for(var i=0; i<rows; i++){
    table.appendChild(tr.cloneNode(true));
    for(var j=0; j<cols; j++){
      var _tr = table.getElementsByTagName('TR')[i];
      _tr.appendChild(td.cloneNode(true));
      var _td = table.getElementsByTagName('TR')[i].getElementsByTagName('TD')[j];
      _td.style.backgroundColor = ((i%2==0 && j%2==0) || i%2==1 && j%2==1) ? c2 : c1;
    }
  }
}
table(8,8,'red','black', 30);
https://jsfiddle.net/omwxzpv5/1/
1
0 / 0 / 0
Регистрация: 05.10.2015
Сообщений: 18
12.02.2017, 19:52  [ТС]
Спасибо вам большое!
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
12.02.2017, 19:52
Помогаю со студенческими работами здесь

Шахматная доска jQuery
У меня есть чёрно-белая шахматная доска 8х8. Мне нужно пронумеровать отдельно клетки разного цвета. Как это сделать? &lt;script&gt; ...

Шахматная доска
Пусть на шахматной доске заданы два поля: p1 и p2. Определите, какая из шахматных фигур при установке на поле p1 бьет фигуру, стоящую на...

С++ Шахматная доска
Помогите пожалуйста с заданием. Нужно сделать шахматную доску 16*16 и пользователь должен ввести координаты звездочек которые расположатся...

Шахматная доска
Заполнить двумерный массив единицами и нулями таким образом, чтобы единицы размещались так, как на шахматной доске черный поля, а нули - ...

Шахматная доска
Подскажите варианты решения данной проблемы. Хочу создать свой первый сайт. Сайт будет на шахматную тематику. И для просмотра шахматных...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Новые блоги и статьи
Ритм жизни
kumehtar 27.02.2026
Иногда приходится жить в ритме, где дел становится всё больше, а вовлечения в происходящее — всё меньше. Плотный график не даёт вниманию закрепиться ни на одном событии. Утро начинается с быстрых,. . .
SDL3 для Web (WebAssembly): Сборка SDL3 и Box2D из исходников с помощью CMake и Emscripten
8Observer8 27.02.2026
Недавно вышла версия 3. 4. 2 библиотеки SDL3. На странице официальной релиза доступны исходники, готовые DLL (для x86, x64, arm64), а также библиотеки для разработки под Android, MinGW и Visual Studio. . . .
SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами
8Observer8 20.02.2026
Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .
Конвертировать закладки radiotray-ng в m3u-плейлист
damix 19.02.2026
Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .
Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI
Eddy_Em 18.02.2026
Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .
Камера Toupcam IUA500KMA
Eddy_Em 12.02.2026
Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .
И ясному Солнцу
zbw 12.02.2026
И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.
«Знание-Сила»
zbw 12.02.2026
«Знание-Сила» «Время-Деньги» «Деньги -Пуля»
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru