Создать таблицу и закрасить её ячейки так, как это показано на приложенном рисунке

[Chips186]

Буду вам очень благодарен если вы поможете мне написать скрипт на это задание. Нужно создать таблицу 10 на 10. Высота и ширина ячейки 50 пикселей и закрасить таблицу так как показана на рисунке ниже:

[Вадим Мошев]

Напишите функцию, которая из входного массива будет формировать строку <tr> с элементами <td>. Создаётся элемент с помощью document.createElement(‘имя тега’), подцепляется в конец с помощью имяСозданногоЭлемента.appendChild(п одцепляемыйЭлемент).

Если текущий элемент массива равен 0, то красьте ячейку в розовый, иначе (если, например, 1) – в зелёный. После создания элемента подцепляйте его к созданной строке и возвращайте её через return.

В основной программе объявите массив и задайте ему начальное значение как

0 0 0 1 0 0 0 1 0 0

Далее в цикле, который надо выполнить 10 раз, делайте вот что:
1. Циклически сдвигайте массив на одну позицию влево (используйте методы shift и push)
2. Вызывайте написанную ранее функцию, которой будете передавать такой массив, чтобы получить нужную строку
3. Подцепляйте полученную строку заранее созданной таблице.

Всё.

[Naive]

https://jsfiddle.net/naiveMan/hr7n9s9t/

Вадим Мошев, неправильно ты, дядя Федор, бутерброд ешь...
Неужели не проходил стандартные задачи на диагонали матриц? Или сраные шахматы никогда не писал? Ход слона/ферзя?))

пс. У меня там очепятка в массиве с условиями, думаю ТС сам разберется.
ппс. Через деление на модуль можно отказаться от исходного массива вовсе — получится решение еще изящней
upd: https://jsfiddle.net/naiveMan/hr7n9s9t/1/ — вот, нормальное, взрослое решение.

[Вадим Мошев]

Первый твой код не курил - курил второй код. Впрочем, курить там надо всего лишь одну строку, а именно:

    if ( !( (i + j-start)%distance ) ) {

Всё остальное понятно по умолчанию. Да, твой код выглядит изящнее.

Сообщение от Naive

Неужели не проходил стандартные задачи на диагонали матриц?

Нет. Как-то не было необходимости.

Сообщение от Naive

Или шахматы никогда не писал?

Шахматы, как таковые, тоже не писал, лишь только рисовал шахматное поле. В общем-то, благодаря такому опыту, мне удалось понять твою строку. Я бы мог разбить её на несколько частей:
1. i+j -> адресация ячеек (кстати, если у словии лишь проверять эту сумму на чётность, то мы как раз и получим шахматное поле)
2. От этого вычитаем start -> позиция, начиная с которой мы будет вести отсчёт в первой (точнее, нулевой) строке таблицы.
3. Получение остатка от деления на расстояние между "полосами" -> это для получения периодичности, повтора полос.

Скажи, у меня всё верно?

[Naive]

Сообщение от Вадим Мошев

1. i+j -> адресация ячеек (кстати, если у словии лишь проверять эту сумму на чётность, то мы как раз и получим шахматное поле)
2. От этого вычитаем start -> позиция, начиная с которой мы будет вести отсчёт в первой (точнее, нулевой) строке таблицы.
3. Получение остатка от деления на расстояние между "полосами" -> это для получения периодичности, повтора полос.

Скажи, у меня всё верно?

Да, все так.