frontend/main.js

let foo = {};
let propname = 'bar';

foo.bar = 5;
foo[propname] = 5;

let nenArray = [1, 2, 3, 4, 5];
nenArray[3] = 5;

let appDiv = document.getElementById('app');

console.log(appDiv);

appDiv.innerHTML = 'Mahow zeh te javascript';

for (let i = 0; i < 4; i++) {
    let newPar = document.createElement('p');
    newPar.innerHTML = i + 1;
    console.log(newPar);
    appDiv.appendChild(newPar);
}

btn.addEventListener('click', function(event) {
    console.log('click');
    let newPa = document.createElement('p');
    newPa.innerHTML = 'joew';
});

/*knop 2 */

let oefDiv = document.getElementById('oefenen');
let oefBtn = document.getElementById('oef-btn');

function oefnClick(event) {
    let newPar = document.createElement('p');
    newPar.innerHTML = 'paragraaf';
    oefDiv.appendChild(newPar);
}

oefBtn.addEventListener('click', oefnClick);

/*knop 3 */

let oefnDiv = document.getElementById('oefenen2');
let oefnBtn = document.getElementById('oef-btn-2');
let count = 0;
let clearBtn = document.getElementById('clear-btn-2');

function oefClick(event) {
    let newPar = document.createElement('p');
    count++;
    newPar.innerHTML = count;
    oefnDiv.appendChild(newPar);
}

function clearCount(event) {
    let oefnDiv = document.querySelectorAll('#oefenen2 p');
    console.log(oefnDiv);
    for (let i = 0; i < oefnDiv.length; i++) {
        oefnDiv[i].remove();
    }
}
oefnBtn.addEventListener('click', oefClick);
clearBtn.addEventListener('click', clearCount);

/*set interval functie 


function intervalFunction() {
console.log('nu')
} 
let intervaal = setInterval (intervalFunction,1000);

clearInterval(interval);

*/

let oefenenBtn = document.getElementById('oef-btn-3');
let oefeningDrie = document.getElementById('oefenen-3');
let county = 0;
let timerTextt = document.getElementById('timerText');
let newPar = document.createElement('p');
let newPaar = document.createElement('p');

function oefinterval() {
    county++;
    console.log(county);
}

function stopTimer() {
    if (county === 300) {
        newPaar.innerHTML = 'Bots 300!!';
        oefeningDrie.appendChild(newPaar);
    } else {
        newPar.innerHTML = 'Jammer, geen 300';
        oefeningDrie.appendChild(newPar);
    }
    county = 0;
}

function timerText() {
    timerTextt.innerHTML = county;
    oefeningDrie.appendChild(timerTextt);
}

function wegText() {
   oefeningDrie.removeChild(newPar);
   oefeningDrie.removeChild(newPaar);
}

let interval = setInterval(oefinterval, 10);
oefenenBtn.addEventListener('click', wegText);
oefenenBtn.addEventListener('click', timerText);
oefenenBtn.addEventListener('click', stopTimer);