Skip to content

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 de DOM 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.