colors/master.js at master · marcelcorso/colors · GitHub

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
47
48
49
50
51
52
53
54
55
56
57

var divs = [];
var currentLang = "nl";

var imgs = {
    "nl": "https://upload.wikimedia.org/wikipedia/commons/thumb/2/20/Flag_of_the_Netherlands.svg/2000px-Flag_of_the_Netherlands.svg.png",
    "pt": "https://upload.wikimedia.org/wikipedia/commons/thumb/0/05/Flag_of_Brazil.svg/2000px-Flag_of_Brazil.svg.png"
}

function main() {
    createDivs();
}

function createDivs() {

    // lang select
    var langSelector = document.createElement("div");
    langSelector.setAttribute("class", "langSelector");
    document.body.appendChild(langSelector);
    for (var lang in text) {
        if (lang == "css") continue;
        var langDiv = document.createElement("div");
        langSelector.appendChild(langDiv);
        langDiv.setAttribute("data-lang", lang);
        langDiv.style.backgroundImage = "url('" + imgs[lang] + "')";
        //langDiv.style.background = "url('" + imgs[lang] + "') no-repeat center ";
        // langDiv.appendChild(document.createTextNode(lang));
        langDiv.addEventListener("click", function(e) {
            currentLang = e.target.getAttribute("data-lang");
        });
    };

    for(var i = 0; i < 3; i++) {
        var div = document.createElement("div");
        divs.push(div)
        // div.appendChild(document.createTextNode(text[lang][i]));
        div.setAttribute("data-color-i", i);
        div.addEventListener('click', clickDiv)

        div.style.backgroundColor = text["css"][i];
        document.body.appendChild(div);
    }
}


function clickDiv(e) {
    var colorIndex = e.target.getAttribute("data-color-i");
    console.log(text[currentLang][colorIndex]);
    chan.push({
        color: text[currentLang][colorIndex],
        css: text["css"][colorIndex]
    });
}


main();