fetchTimWijers23Mei

    var urlFind = 'http://192.168.174.145/~user/MonkeyBusinessProject/api/findEventById.php?id=';
    var urlDelete = 'http://192.168.174.145/~user/MonkeyBusinessProject/api/deleteEventById.php?id=';


    function fetchData() {
        var userInputFind = document.getElementById("userInputFind").value;

   var requestFind = new Request( urlFind + userInputFind, {
       method: 'GET',
       mode: 'no-cors',
       redirect: 'follow',
       headers: new Headers({
           'Content-Type': 'text/plain'
       })
   });

        fetch(requestFind)
            .then(
                function (responseFind) {
                    if (responseFind.status !== 200) {
                        console.log('Status Code: ' + responseFind.status);
                        return;
                    }
                    responseFind.json().then(function (data) {

                        document.getElementById("outputId").innerHTML = "Id van het event : " + data.Id;
                        document.getElementById("outputName").innerHTML = "Naam van het event : " + data.Name;
                        document.getElementById("outputStartDate").innerHTML = "Start datum van het event : " + data.StartDate;
                        document.getElementById("outputEndDate").innerHTML = "Eind datum van het event : " + data.EndDate;
                        document.getElementById("outputPersonId").innerHTML = "Id van de persoon gekoppeld aan het event : " + data.PersonId;



                    });
                    })
            .catch(function (err) {
                console.log(err);

            });
    }

    function delData() {

        var userInputFindDel = document.getElementById("userInputDel").value;
        var requestDelFind = new Request( urlFind + userInputFindDel, {
            method: 'GET',
            mode: 'no-cors',
            redirect: 'follow',
            headers: new Headers({
                'Content-Type': 'text/plain'
            })
        });

        fetch(requestDelFind)
            .then(
                function (responseDelFind) {
                    if (responseDelFind.status !== 200) {
                        console.log('Status Code: ' + responseDelFind.status);
                        return;
                    }
                    responseDelFind.json().then(function (data2) {
                        document.getElementById("delSucceed").innerHTML = "Het volgende event werd verwijderd :";
                        document.getElementById("outputId2").innerHTML = "Id van het event : " + data2.Id;
                        document.getElementById("outputName2").innerHTML = "Naam van het event : " + data2.Name;
                        document.getElementById("outputStartDate2").innerHTML = "Start datum van het event : " + data2.StartDate;
                        document.getElementById("outputEndDate2").innerHTML = "Eind datum van het event : " + data2.EndDate;
                        document.getElementById("outputPersonId2").innerHTML = "Id van de persoon gekoppeld aan het event : " + data2.PersonId;


                    });
                })
            .catch(function (err) {
                console.log(err);

            });

        var userInputDel = document.getElementById("userInputDel").value;
        var requestDel = new Request(urlDelete + userInputDel, {
            method: 'GET',
            mode: 'no-cors',
            redirect: 'follow',
            headers: new Headers({
                'Content-Type': 'text/plain'
            })
        });

        fetch(requestDel)
            .then(
                function (responseDel) {
                    if (responseDel.status !== 200) {
                        console.log('Status Code: ' + responseDel.status);
                        return;
                    }
                    responseDel.json().then(function (data2) {
                        JSON.stringify(data2);
                    });
                })
            .catch(function (err) {
                console.log(err);

            });

    }