Programmeren in JavaScript/Appendices/Appendix B: testomgeving: verschil tussen versies
Verwijderde inhoud Toegevoegde inhoud
Geen bewerkingssamenvatting |
|||
Regel 1:
==Testomgeving==
Om eenvoudige javascripts uit te proberen kan onderstaande testpagina gebruikt worden.
Deze pagina hoeft u
▲Deze pagina hoeft u (niet meteen) te begrijpen. U hoeft hem ook niet te veranderen. U hoeft hem alleen maar in een tekstbestand te zetten en dit bestand te hernoemen in "jstests.htm".
{{Code
Regel 16 ⟶ 14:
<head>
<meta charset="UTF-8" />
<title>
<script>
function read()▼
{▼
var readspace = document.getElementById("readspace");▼
return readspace.value;▼
}▼
function write(s)
{
var writespace = document.getElementById("writespace");
var t = "" + s;
if ((t != undefined) || (t != null))
{
Regel 33 ⟶ 25:
t = t.replace(/>/g, ">");
}
writespace.innerHTML = writespace.innerHTML
▲ }
▲ {
codespace = document.getElementById("codespace");
}
</script>
</head>
<body>
<
<button type="button" onclick="
<div id="writespace" style="margin:0px;padding:0px;height:
▲ <div id="writespace" style="margin:0px;padding:0px;height:400px;overflow:scroll;border:1px solid black;">
</body>
</html>
Regel 49 ⟶ 45:
}}
Als u in de explorer dubbelklikt op "jstests.htm" krijgt u een pagina te zien met daarop
#Een venster waarin u een javascript kunt intikken of plakken.
#Een knop "Uitvoeren"
#Een venster waarin de uitvoer van het script getoond zal worden.
Zet het volgende script in het bovenste venster:
{{Code
| Taal=Javascript
| Titel=
| Code=
<source lang=javascript>
</source>
}}
Druk vervolgens op de knop "Uitvoeren" en het script wordt uitgevoerd.
▲Als u in de explorer dubbelklikt op "jstests.htm" krijgt u een pagina te zien met daarop een knop "Start" en een omkaderd gedeelte waarop u uitvoer van het te testen javascript zichtbaar kunt maken.
Op deze manier kunt u de meeste voorbeelden uit dit boek uitproberen. Alleen dient u document.write(...) waar nodig te vervangen door write(...);
==Test: gegevens-typen==
{{Code
Regel 78 ⟶ 75:
| Code=
<source lang=javascript>
var x;
x =
x= true;
▲ x = "Hallo wereld";
x
▲ write("x = null; waarde(x)=" + x + ", type(x)=" + typeof(x));
</source>
}}
==Test: document veranderen==
Plak het onderstaande script op de testpagina. Klik daarna op "Uitvoeren".
Verander de tekst en de kleur en zie wat er gebeurt.
Regel 108 ⟶ 101:
| Code=
<source lang=javascript>
var element1 = document.getElementById("writespace");
if (element1 != null)
{
▲ element1.innerHTML = "Koud hè";
}
</source>
|