Сделать флаг России из символов О на чистом js?

Question

[depstor]

Нужна функция сделать флаг из О на js , есть идеи у кого то?

Comments

[Арсений Матыцин]

Тебе сюда codepen.io/, и с каким-никаким кодом обратно сюды.

Answer 1

[Сергей Соколов]

Вариант из 10 тыс. «о»

И вариант из трёх «О»

из трёх «О»

Comments

[depstor]

прикольно но не то, нужен именно js

[hzzzzl]

depstor, а это нечистый?

[depstor]

hzzzzl, спасибо

Answer 2

[approximate solution]

Мой внутренний патриот тихо заплакал.

В чем проблема? Контейнер, ширина\высота контейнера, цвет фона, символ О который заполняет определенный контейнер. Вот Вам алгоритм, пользуйтесь.

Comments

[depstor]

И как это на js реализовать , нужно создать определенное количество, задать им разные классы

[approximate solution]

depstor, https://habr.com/ru/post/244545/
https://developer.mozilla.org/ru/docs/Web/API/Canv...

[depstor]

спасибо но не то, нужно именно написать функцию, которая например заполнит 20х40 символов и задать определенным символам классы, что бы раскрасить

[Алексей Ярков]

depstor, ну так напишите функцию, а если не получится, то тут помогут. А писать за вас никто не будет.

[depstor]

Алексей Ярков, вот такая идея колхозная появилась

const flag = document.querySelector('.flag');

russianFlag = () => {
    for (let i = 0; i < 1200; i++) {
        const p = document.createElement('text');
        p.textContent = 'O';
        p.style.color = 'white';
        flag.appendChild(p);
    }
    for (let i = 0; i < 1200; i++) {
        const p = document.createElement('text');
        p.textContent = 'O';
        p.style.color = 'blue';
        flag.appendChild(p);
    }
    for (let i = 0; i < 1200; i++) {
        const p = document.createElement('text');
        p.textContent = 'O';
        p.style.color = 'red';
        flag.appendChild(p);

    }


};

russianFlag();

но как таких еще 2 блока сделать с синим и красным без копирования и в этом диве ума не приложу

[FTOH]

depstor, вот так

for (let color of ['white', 'blue', 'red']) {
    for (let i = 0; i < 1200; i++) {
        const p = document.createElement('text');
        p.textContent = 'O';
        p.style.color = color;
        flag.appendChild(p);
    }
}