Lijsten
📂 Naam project:
lab-basics-lists
🔗 Basis project: n/a
Maak een nieuwe react applicatie aan lab-basics-lists.
Opdracht​
- Maak een array met een aantal getallen in. Zorg ervoor dat een bepaald getal meerdere keren voorkomt in de array.
- Gebruik een unordered list (ul) om de getallen in de browser te tonen. Kies een goede key voor de list items.
- Maak een array met 5 student objecten aan. Elke student heeft een id, een naam en een leeftijd.
- Gebruik een ordered list (ol) om de namen van de studenten te tonen in de browser.
- Gebruik een ordered list (ol) om de namen van de stundenten waarvan de naam met de letter J begint te tonen in de browser. Gebruik een combinatie van filter/map.
- Gebruik een select met options element om de namen van de personen te tonen in de browser.
- Gebruik een table om de namen en leeftijden van de personen te tonen in de browser.
Voorbeeldoplossing​
Voorbeeld laden…