Programmeren in JavaScript/Appendices/Appendix B: testomgeving: verschil tussen versies
Verwijderde inhoud Toegevoegde inhoud
Geen bewerkingssamenvatting |
Geen bewerkingssamenvatting |
||
Regel 145:
writeln("KLIK HIER");
</source>
}}
==Test: objecten (Lampen)==
Plak het onderstaande script op de testpagina. Klik daarna op "Uitvoeren".
Maak er nog twee lampen bij.
{{Code
| Taal=Javascript
| Titel=Test: Objecten| Code=
<source lang=javascript>
function Lamp(naam)
{
this.elementId = naam;
this.geeftlicht = false;
// maak een zichtbare HTML representatie "this.element" van de lamp
this.element = document.createElement("div");
var textnode = document.createTextNode(naam);
this.element.appendChild(textnode);
this.element.id = naam;
this.element.setAttribute("style", "float:left;width: 100px;height:100px;border: 1px solid black;");
this.element.setAttribute("onclick", naam + ".drukopknop()"); // dit werkt mits lampen globaal
document.getElementById("writespace").appendChild(this.element);
this.aan = function()
{
this.geeftlicht = true;
this.element.style.backgroundColor = "yellow";
}
this.uit = function()
{
this.geeftlicht = false;
this.element.style.backgroundColor = "grey";
}
this.drukopknop = function()
{
if (this.geeftlicht) this.uit(); else this.aan();
}
this.uit();
}
writeln("Klik enkele malen op elk van de lampen");
writeln("");
Lamp1 = new Lamp("Lamp1"); // Lamp1 wordt hiermee globaal gedefinieerd (zonder var)
Lamp2 = new Lamp("Lamp2");
Lamp3 = new Lamp("Lamp3");
</source>
}}
| |||