<!--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.