Webpagina manipuleren met TypeScript
Inleiding¶
Gebruikers hebben interactie met je webapplicatie. Denk bijvoorbeeld aan:
- Klikken op een knop om naar een andere webpagina te gaan.
- Invoeren van adresgegevens die live gecontroleerd worden op juistheid en de gebruiker hiervan een melding geven.
- Een overzicht van gegevens dat gesorteerd wordt op datum, nadat de gebruiker hiervoor op een knop heeft geklikt.
- Etc.
Een actie van een gebruiker op een webpagina kan dus leiden tot een zichtbare verandering op die pagina. Om dit te realiseren gebruik je TypeScript in combinatie met het Document Object Model
. Kortweg DOM
. Hiermee kun je bijvoorbeeld reageren op acties van de gebruiker, de structuur en inhoud van een webpagina aanpassen of de stijl van elementen wijzigen.
Hoe kan ik dit leren?¶
Gebruik de HBO-ICT Knowledgebase om de volgende vragen te beantwoorden:
- Wat is de
DOM
? - Hoe gebruik ik
TypeScript
in combinatie met deDOM
om een webpagina te manipuleren?
Hoe toon ik dit aan?¶
- Ik kan uitleggen wat het
Document Object Model
(DOM) is. - Ik kan de
DOM
gebruiken in mijn TypeScript-code om elementen binnen een webpagina: te maken, selecteren, wijzigen en verwijderen. - Ik kan uitleggen hoe de TypeScript-code om mijn webpagina te manipuleren werkt en gebruik hierbij de juiste terminologie.