week 1 heb ik eigenlijk niks gedaan, want we hebben 1 dag in groepjes gewerkt aan een andere opdracht en de dag erna was ik ziek. ik was bij het 'samen komen' moment en heb daar wel inspiratie op gedaan.
ik ga in week naar het huis stijl van NS bekijken en kijken of ik ergens de kleuren kan vinden etc.
ik ben begonnen met HTML en de structuur van de eerste vraag. daarnaast kan ik nooit zonder styling werken dus ben ook begonnen met een styling.
Toen ik het begin had, kreeg ik ook feedback om misschien in te korten en dus alleen als het van toepassing was aan te klikken en het daarna pas laten zien.
ook heb ik de velden een kleur gegeven aan de hand van of het valide of invalide is
deze week ging ik naar vragen 2. de eerste vraag was vul 1 vna de 3 in, dus het was een uitdaging, want ik kon dit niet alleen met CSS doen. ik heb hiervoor javascript moeten gebruiken. ik heb ook
- https://developer.mozilla.org/en-US/docs/Web/API/Element/toggleAttribute
- https://developer.mozilla.org/en-US/play
- https://chatgpt.com/share/67c9ad93-0e60-800d-b6f0-6497ce105f5f
omdat ik niet wist hoe het moest heb ik bij Mozilla zitten kijken en daarna vroeg ik of chatgpt me kon helpen, omdat ik er toch niet uit kwam.
daarnaast heb ik de progressbar en heel gedeelte 2 afgemaakt.
als deel 1 valide is ingevuld dn gaat de prgress bar van value 1 naar 2. de max is 13 want er zijn 13 vragen in totaal.
Ook wilde ik bezig zijn met het required maken van elementen die niet altijd zichtbaar zijn, maar bij 1b en 1c werken ze, maar bij 1d en 2 werkt het niet......
Ik heb ook deze week de dialog gemaakt voor algemene informatie. dit is handig om mensen meer informatie te geven over de belasting.
bij week 4 begon ik met de buttons disabled maken zodat ze niet ingeklikt kunnen worden als het nog niet valid is.
Daarnaast heb ik ook ook javascript geschreven zodat als je op de button klikt die valide is dat je naar de volgende formulier gaat en ook terug kan.
Ik heb de valide en invalide bijgewerkt, maar werkt niet helemaal hoe ik het wil.
ook heb ik de required problemen gefixt want ik had het op de label gezet niet op de input.
waar ik ook net achter kwam last minute, was dat de font niet werkt op github. want ik heb hem natuurlijk in gitIgnore gezet. ik weet alleen niet of het de bedoeling is of niet.