JavaScript gebruiken
Je kunt gebruik maken van
dit sjabloon om met JavaScript te werken. Hieronder een aantal opdrachtjes
waarmee je bezig kunt:
- Begin de website te publiceren en te bezoeken. Kijk wat het doet!
- Kijk eens of je de tekst in de melding kunt veranderen.
- Probeer eens
confirm in plaats van alert
te gebruiken.
- En probeer nu een
prompt te gebruiken in plaats van
confirm.
- Kijk eens of je de tekst op de website kunt veranderen als de
gebruiker op de knop klikt. Je kunt deze regel gebruiken:
document.querySelector("p").innerHTML = "JE HEBT GEKLIKT!";
- Die
"p" in het vorige opdrachtje is een CSS selector.
Met CSS kon je immers met p { } aanpassingen doen
op allerlei tekst in de HTML code. Kijk eens of je dat ook voor knop
in de HTML code kunt doen. Kan je ook daar de tekst van veranderen?
- Oke, nu gaan we opdrachtje combineren. Verander
"JE HEBT GEKLIKT!" naar "Jouw input: " + prompt("Geef code op");.
Haal vervolgens de eerdere regel met prompt() weg en kijk wat er gebeurt. Hoe werkt dit?
Probeer het antwoord hier eens op te bedenken.