Untitled

fetch("../json/overview.json")
.then(function(response){
    return response.json();
})
.then(function(events){
    let placeholder = document.querySelector("#event-output");
    let eventsout = "";

    for(let event of events){
        eventsout +=  `
    <div class="event_si">
        <div class="event_Header" id="event_Header">
            <div class="event_Machine" id="event_Machine">${event.CNAME}</div>
            <div class="event_Source" id="event_Source">${event.Source}</div>
            <div class="event_TimeGenerated" id="event_TimeGenerated">${event.TimeGenerated}</div>
        </div>
        <div class="event_Message" id="event_Message">${event.Message}</div>
    </div>
        `;

    }

placeholder.innerHTML = eventsout;
})