JSON çıktısı her palet için (renk grubu) bu şekilde olmalı;
{
"ColorPalette": {
"Title": "Red",
"Colors": [
{
"title": "50",
"hex": "#FFEBEE"
},
{
"title": "100",
"hex": "#FFCDD2"
},
{
"title": "200",
"hex": "#EF9A9A"
}
...
...
...
]
}
}
Veriyi DOM Object'ten böyle alıyorum;
var colopalette = document.getElementById("color-color-palette");
var modules = colopalette.getElementsByClassName("module");
for (var i = 0; i < modules.length; i++) {
var groupnames = modules[i].getElementsByClassName("group");
for (var ii = 0; ii < groupnames.length; ii++) {
console.log(groupnames[ii].innerHTML);
var details = modules[i].getElementsByClassName("details");
for (var iii = 0; iii < details.length; iii++) {
var shade = details[iii].getElementsByClassName("shade");
var hex = details[iii].getElementsByClassName("hex");
details[iii].getElementsByClassName("hex");
for (var iiii = 0; iiii < shade.length; iiii++) {
console.log(shade[iiii].innerHTML + " -- " + hex[iiii].innerHTML);
}
}
}
//console.log("JSON Output");
console.log("--------------");
}
