function RenderScroll() { const scrollContainer = document.querySelector("#scrollContainer"); const description = scrollContainer.textContent; const assignments = JSON.parse(document.querySelector("#assignments").dataset.assignments) console.log(assignments); //everything that has a slotID is a scroll slot scrollContainer.querySelectorAll("[data-slot-id]").forEach(element => { //console.log(element); let slotId = element.dataset.slotId; let fact_assignment = assignments[slotId]; element.setAttribute("dropzone", "copy"); element.textContent = fact_assignment.Item1; if (fact_assignment.Item2 != "") { element.dataset.factId = fact_assignment.Item2; } }); //everything that has a solutionID is a scroll solution scrollContainer.querySelectorAll("[data-solution-id]").forEach(element => { element.textContent = assignments[element.dataset.solutionId].Item1; }) console.log('Scroll rendered') } RenderScroll()