Напишите функцию tablica_v_kletku, которая будучи вызвана на событии body.onload, нарисует двухцветную таблицу.

@Inessa1998 · Регистрация: 01.11.2017

Студворк — интернет-сервис помощи студентам

Напишите функцию funciton tablica_v_kletku(число строк, число столбцов, цвет1, цвет2), которая будучи вызвана на событии body.onload, нарисует такую таблицу.

Рекомендация: напишите вспомогательную функцию draw_line(число столбцов, цвет1, цвет2)

Помогите сделать как на картинке

@MentalLoad · 12.11.2019, 18:57

Ничего не понятно, но интересно. Можно попробовать так:

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
26
window.addEventListener('load', (e) => {
 
  let colors = ['indigo', 'orange'];
  let length = 300;
 
  let div_length = length/colors.length;
  let fragment = document.createDocumentFragment();
 
  for (let i = 0; i < div_length; i++){
 
    colors.forEach ((colors) => {
 
      let div = document.createElement('div');
 
      div.style.width = '50px';
      div.style.height = '50px';
      div.style.margin = '1px';
      div.style.display = 'inline-block';
      div.style.background = colors;
 
      fragment.appendChild(div);
    })
  }
 
  document.body.appendChild(fragment);
})

@Inessa1998 · 13.11.2019, 11:06 **[ТС]**

MentalLoad, а можно сделать, чтобы цвет ячейки на каждой строчке чередовался?

@fixeri · 13.11.2019, 11:32

PHP/HTML
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
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
<!DOCTYPE html>
<html>
<head>
    <title>!!!!!!!</title>
    <style type="text/css">
        #tbl {
            border-collapse: collapse;
        }
 
        #tbl td {
            width: 20px;
            height: 20px;
        }
    </style>
</head>
<body>
    <table id="tbl"></table>
    
    <script type="text/javascript">
        "use strict";
 
        function tablica_v_kletku(col, row, color1, color2) {
            let tbl = document.getElementById("tbl");
 
            for (let i = 1; i <= row; i++) {
                let tr = document.createElement("tr");
                tbl.append(tr);
                for (let j = 1; j <= col; j++) {
                    let td = document.createElement("td");
                    if(i % 2 !== 0 && j % 2 !== 0 || i % 2 === 0 && j % 2 === 0) {
                        td.style.backgroundColor = color1;
                    }
                    if(i % 2 === 0 && j % 2 !== 0 || i % 2 !== 0 && j % 2 === 0) {
                        td.style.backgroundColor = color2;
                    }
                    tr.append(td);
                }
            }
        }
 
        // function draw_line(row)
 
        window.onload = tablica_v_kletku(22, 22, "red", "blue");
    </script>
</body>
</html>

@MentalLoad · 13.11.2019, 13:50

Чередовались каким образом ? Они и так вроде бы как на картинке.

@Inessa1998 · 13.11.2019, 13:52 **[ТС]**

MentalLoad, у вас столбец полностью оранжевый и полностью индиго, а нужно чтобы в столбце тоже чередовались

@MentalLoad · 13.11.2019, 14:00

У меня получается нечто такое:

@Lazy_Den · 13.11.2019, 14:10

Не по теме:

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

У меня получается нечто такое

Измените ширину браузера ;)

@MentalLoad · 13.11.2019, 20:16

Да, есть такое дело. Тогда ниже рабочий пример.

Новые блоги и статьи Все статьи Все блоги /
Доступность команды формы по условию Maks 07.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: сделать доступной кнопку (команда формы "ЗавершитьСписание") при. . .	Уведомление о неверно выбранном значении справочника Maks 06.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "НарядПутевка", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если в документе выбран неверный склад. . .	Установка Qt Creator для C и C++: ставим среду, CMake и MinGW без фреймворка Qt 8Observer8 05.04.2026 Среду разработки Qt Creator можно установить без фреймворка Qt. Есть отдельный репозиторий для этой среды: https:/ / github. com/ qt-creator/ qt-creator, где можно скачать установщик, на вкладке Releases:. . .	AkelPad-скрипты, структуры, и немного лирики.. testuser2 05.04.2026 Такая программа, как AkelPad существует уже давно, и также давно существуют скрипты под нее. Тем не менее, прога живет, периодически что-то не спеша дополняется, улучшается. Что меня в первую очередь. . .
Отображение реквизитов в документе по условию и контроль их заполнения Maks 04.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеСпецтехники", разработанного в конфигурации КА2. Данный документ берёт данные из другого нетипового документа. . .	Фото всей Земли с борта корабля Orion миссии Artemis II kumehtar 04.04.2026 Это первое подобное фото сделанное человеком за 50 лет. Снимок называют новым вариантом легендарной фотографии «The Blue Marble» 1972 года, сделанной с борта корабля «Аполлон-17». Новое фото. . .	Вывод диалогового окна перед закрытием, если документ не проведён Maks 04.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать программный контроль на предмет проведения документа. . .	Программный контроль заполнения реквизитов табличной части документа Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: 1. Реализовать контроль заполнения реквизита. . .

@Inessa1998 0 / 0 / 0 Регистрация: 01.11.2017 Сообщений: 18

	Напишите функцию tablica_v_kletku, которая будучи вызвана на событии body.onload, нарисует двухцветную таблицу. 12.11.2019, 14:28. Показов 850. Ответов 8 Метки нет (Все метки) Напишите функцию `funciton tablica_v_kletku(число строк, число столбцов, цвет1, цвет2)`, которая будучи вызвана на событии `body.onload`, нарисует такую таблицу. Рекомендация: напишите вспомогательную функцию `draw_line(число столбцов, цвет1, цвет2)` Помогите сделать как на картинке Миниатюры 0

@Inessa1998 0 / 0 / 0 Регистрация: 01.11.2017 Сообщений: 18
	13.11.2019, 11:06 [ТС]
	MentalLoad, а можно сделать, чтобы цвет ячейки на каждой строчке чередовался? 0

@MentalLoad 10 / 7 / 2 Регистрация: 11.11.2019 Сообщений: 59
	13.11.2019, 13:50
	Чередовались каким образом ? Они и так вроде бы как на картинке. 0

@Inessa1998 0 / 0 / 0 Регистрация: 01.11.2017 Сообщений: 18
	13.11.2019, 13:52 [ТС]
	MentalLoad, у вас столбец полностью оранжевый и полностью индиго, а нужно чтобы в столбце тоже чередовались 0

@MentalLoad 10 / 7 / 2 Регистрация: 11.11.2019 Сообщений: 59
	13.11.2019, 14:00
	У меня получается нечто такое: Миниатюры 0

@MentalLoad 10 / 7 / 2 Регистрация: 11.11.2019 Сообщений: 59
	13.11.2019, 20:16
	Да, есть такое дело. Тогда ниже рабочий пример. 0