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()