-Elements function createDivElement(data) { var div = document.createElement("div"); div.className = "col-md-12 col-12"; div.onclick = function() { hide(); show('db'); color_coloumn(undefined, undefined, data.Farbtonkarten_Bezeichnung); scrollToDestination('db'); }; var innerDiv = document.createElement("div"); innerDiv.className = "farbkategorie color__group picker-font medium"; var icon = document.createElement("i"); icon.className = "fa-solid fa-circle-chevron-right"; icon.innerHTML = " "; var span = document.createElement("span"); span.className = "farbkategorie color__group-label"; span.textContent = data.Farbtonkarten_Bezeichnung + " Farbtöne"; innerDiv.appendChild(icon); innerDiv.appendChild(span); div.appendChild(innerDiv); return div; } // Jetzt können Sie die JSON-Daten durchgehen und
-Elemente für jeden Eintrag erstellen var container = document.getElementById("container"); // Ersetzen Sie "container" durch die ID des Containers, in dem Sie die Elemente platzieren möchten jsonData.forEach(function(item) { var divElement = createDivElement(item); container.appendChild(divElement); });