<!--opdracht 1: maak de opdracht conform de dia.
Ga zelf op zoek naar de juiste elementen. -->
<!DOCTYPE html>
<html lang="nl">
<head>
<title>Opdracht 1</title>
</head>
<body>
<script type="text/javascript">
document.write('<h1>Header 1</h1>');
document.write('<p>Paragraaf 1</p>');
document.write('<p>Paragraaf 2</p>');
document.write('<p>Paragraaf 3</p>');
</script>
</body>
</html>
Download hier het bestand.
<!--opdracht 2: maak de opdracht conform de dia.
Genereer het huidige jaar. -->
<!DOCTYPE html>
<html lang="nl">
<head>
<title>Opdracht 2</title>
</head>
<body>
<button type="button" onclick="document.write(new Date().getFullYear())">Huidig jaar</button>
</body>
</html>
Download hier het bestand.
<!--opdracht 3: maak de opdracht conform de dia.
Genereer exact de waarden zoals aangegeven. -->
<!DOCTYPE html>
<html lang="nl">
<head>
<title>Opdracht 3</title>
</head>
<body>
<p id="tekst"></p>
<p id="getal"></p>
<p id="datum"></p>
<script>
document.getElementById("tekst").innerHTML = 'Hello World';
document.getElementById("getal").innerHTML = 20;
document.getElementById("datum").innerHTML = '14-9-2019';
</script>
</body>
</html>
Download hier het bestand.
<!--opdracht 4: maak de opdracht conform de dia.
Genereer de huidige dag, maand en jaar. -->
<!DOCTYPE html>
<html lang="nl">
<head>
<title>Opdracht 4</title>
</head>
<body>
<button type="button" onclick="laadWaarden()">OK</button>
<p>Dag: = <span id="dag"></span></p>
<p>Maand: = <span id="maand"></span></p>
<p>Jaar: = <span id="jaar"></span></p>
<span id="getal"></span>
<script>
function laadWaarden() {
document.getElementById("dag").innerHTML = new Date().getDate();
document.getElementById("maand").innerHTML = new Date().getMonth()+1;
document.getElementById("jaar").innerHTML = new Date().getFullYear();
}
</script>
</body>
</html>
Download hier het bestand.