js object

by Artem Baguinski

HTML

<div>
    <span id="aantal">AANTAL</span>
</div>

<button onclick="aantalCtrl.geefWeer()">geef weer</button>
<button onclick="aantalCtrl.setAantal( Math.random() )">
    verander
</button>

JavaScript

// de enige globale dit keer is de variable waar we object in stoppen
aantalCtrl = {
    // een veld: toestand van de object
    aantal: 42,
    
    // methoden: gedrag van de object
    geefWeer: function() {
        // deze wordt nergens anders gebruikt, maak het locaal
        var span = document.getElementById("aantal");
        span.innerHTML = this.aantal;
    },
    
    setAantal: function (waarde) {
        this.aantal = waarde;
        this.geefWeer();
    }
};