Browser features tonen met Javascript

// JavaScript source codevar aFeatures = [
    'document.images',
    'document.layers',
    'document.all',
    'document.getElementById',
    'document.querySelector',
    'document.styleSheets',
    'document.createElement',
    'document.createNodeIterator',
    'window.walkTheDog',
    'window.focus',
    'window.hasFeatures',
    'window.ActiveXObject',
    'window.XMLHttpRequest',
    'window.localStorage',
    '[].push',
    '[].filter',
    'Object.prototype',
    'document.documentElement.style.WebkitBorderRadius',
    'navigator.geolocation',
    'document.documentElement.classList'
];


window.onload = function () {


    var eBrowserTest = document.getElementById('browsertest');
    eBrowsertest.innerHTML = "Uw browser is" + navigator.userAgent;


    hasFeatures();


    ;}


function hasFeatures() {


    var eFeatureLijst   = document.getElementById('featureLijst');
    var nFeatures = aFeatures.length;


    if (nFeatures > 0) {


        var sLijst = "<ul>";


        for (var i = 0; i < nFeatures; i++) {


var aFeatures = [
            var bSupport = (eval(aFeatures[i])) ? true : false;
            var skleur = (bSupport === true) ? 'groen' : 'rood';
            sLijst += "<li ";
            sLijst += "class=' " + sKleur + "'>";
            sLijst += aFeatures[i];
            sLijst_ = " <span class 'support'>" + bSupport + "</span>";
            slijst += "</li>";
        }
        sLijst += "</ul>";
        eFeatureLijst.innerHTML = sLijst;
    }
}

// bug, alles achter // is commentaar (ook var aFeatures = [ is dan commentaar)
// JavaScript source codevar aFeatures = [
    'document.images',
    'document.layers',
    'document.all',
    'document.getElementById',
    'document.querySelector',
    'document.styleSheets',
    'document.createElement',
    'document.createNodeIterator',
    'window.walkTheDog',
    'window.focus',
    'window.hasFeatures',
    'window.ActiveXObject',
    'window.XMLHttpRequest',
    'window.localStorage',
    '[].push',
    '[].filter',
    'Object.prototype',
    'document.documentElement.style.WebkitBorderRadius',
    'navigator.geolocation',
    'document.documentElement.classList'
];

window.onload = function () {
    var eBrowserTest = document.getElementById('browsertest');
    // bug volgende regel.
    eBrowsertest.innerHTML = "Uw browser is" + navigator.userAgent;
    hasFeatures();
    // bug volgende regel. Waarom een ;
;}

function hasFeatures() {
    var eFeatureLijst = document.getElementById('featureLijst');
    var nFeatures = aFeatures.length;
    if (nFeatures > 0) {
        var sLijst = "<ul>";
        for (var i = 0; i < nFeatures; i++) {
            // verdwaalde code op volgende regel?
            var aFeatures = [
            var bSupport = (eval(aFeatures[i])) ? true : false;
            var skleur = (bSupport === true) ? 'groen' : 'rood';
            sLijst += "<li ";
            // bug volgende regel.
            sLijst += "class=' " + sKleur + "'>";
            sLijst += aFeatures[i];
            // bug volgende regel. Het is class='support'
            sLijst_ = " <span class 'support'>" + bSupport + "</span>";
            // bug volgende regel.
            slijst += "</li>";
        }
        sLijst += "</ul>";
        eFeatureLijst.innerHTML = sLijst;
    }
}

/*
Opdracht
  Digitale klok. Toon de tijd op deze manier 08:22:05
  Uren van 00 tot 23. Minuten en seconden van 00 tot 59.
  Denk aan de voorloop nul, 5 wordt dus 05
Uitleg
  Date() is een 'object'.
  Dit object heeft 'methoden', bijvoorbeeld om uren of minuten op te vragen.
  Het gaat hier niet om objecten, dat komt later in je cursus.
*/

// funcite toonTijd wordt uitgevoerd bij interval event

    // deze variabele bevat aan het eind van de functie de tijd, bijv. '08:22:05'
    var tijd = '';

    // nieuw datum/tijd object
    var datumTijd = new Date(const d = new Date();
    d.getDate();)
    
    // uren, minuten en seconden opvragen
    var uren     = datumTijd.getHours();
    var minuten  = datumTIjd.getMinutes();
    var seconden = datumTijd.getSeconds();
    getElementById()
    DocumentTimeline.addEventlistener('click' toonTijd)
function toonTijd () {
innerHTML= "Dit is de tijd "+ d + tijd;
}


    // wat is het verschil tussen innerHTML en innerText ?
    document.getElementById('klok').innerText = tijd;
}

// funcite startKlok wordt uitgevoerd bij onclick event van Start button
function startKlok () {
    functieInterval = setInterval(toonTijd, 1000);
}

// funcite stopKlok wordt uitgevoerd bij onclick event van Stop button
function stopKlok () {
    clearInterval(functieInterval);
}

// start de interval de eerste keer. Wat betekent het getal 1000 ?
var functieInterval = setInterval(toonTijd, 1000);
// Het getal 1000 betekent 1000 milliseconden.

// funcite toonTijd wordt uitgevoerd bij interval event
function toonTijd () {

    // deze variabele bevat aan het eind van de functie de tijd, bijv. '08:22:05'
    var tijd = '';

    // nieuw datum/tijd object
    var datumTijd = new Date();

    // uren, minuten en seconden opvragen
    var uren     = datumTijd.getHours();
    var minuten  = datumTijd.getMinutes();
    var seconden = datumTijd.getSeconds();

    // cijfer '0' ervoor als dat nodig is
    if (uren < 10) {
        uren = '0' + uren;
    }
    if (minuten < 10) {
        minuten = '0' + minuten;
    }
    if (seconden < 10) {
        seconden = '0' + seconden;
    }

    // tijd op het scherm zetten
    tijd = uren + ':' + minuten + ':' + seconden;
    document.getElementById('klok').innerText = tijd;
}

// funcite startKlok wordt uitgevoerd bij onclick event van Start button
function startKlok () {
    functieInterval = setInterval(toonTijd, 1000);
}

// funcite stopKlok wordt uitgevoerd bij onclick event van Stop button
function stopKlok () {
    clearInterval(functieInterval);
}

// start de interval de eerste keer
var functieInterval = setInterval(toonTijd, 1000);