Week selectie component maken.

[Daan645]

We willen een week selectie component bouwen waarmee je de week kan selecteren.

[Daan645]

Bronnen

Maand weergave en huidige dag functie

https://www.shecodes.io/athena/73295-how-to-display-the-current-day-of-the-week-and-time-using-javascript#:~:text=%2F%2F%20create%20a%20new%20Date,current%20time%20const%20time%20%3D%20now.

https://www.shecodes.io/athena/38917-how-to-display-the-current-date-and-time-in-javascript#:~:text=To%20display%20the%20current%20date%20and%20time%20in%20JavaScript%2C%20you,()%20object%20and%20its%20methods.&text=In%20the%20code%20above%2C%20we,the%20current%20date%20and%20time.

[Daan645]

Testen

JS test

Ik heb de javascript uigezet om te testen of mijn tijdlijn nogsteeds werkt.

Bevindingen

• De dagen worden nogsteeds weergeven!
• De huidige dag wordt nogsteeds aangegeven!
• De knoppen om te klikken doen het niet meer, ik ga kijken of ik deze uit kan zetten wanneer er geen js is.
• 

CSS test

Ik heb de CSS uitgezet om te kijken of mijn pagina dan nog goed te gebruiken is

Bevindingen

Ik krijg een duidelijke lijst met datums waar je op kan klikken.

Responsive test

Ik heb de website op verschillende scherm formaten getest.

Bevindingen

De website is goed responsive tot 300px!

Lighthouse test

Ik heb de functie ook door de lighhouse test gehaald.

Bevindingen

Accesibility

• Mobile Op mobile haal ik een 95%! Het enige wat ontbreekt aan de pagina is een title.

  

• Desktop Ik krijg een accesibility van 94% ook hier ontbreekt title.

Peformance

• Mobile Op mobile was de peformance onder de 85% ik heb javascript gevonden die niet gebruikt wordt om zo de peformance naar 88%, de meeste peformance issues komt door de jafascript functie.

• Desktop Op mobile scoor ik een 100%!

Browser test

Ik heb getest op Arc, safari, chrome en firefox

Arc: op arc werkt en ziet mijn website er precies uit zoals het moet:

Safari: op safari werkt de site naar behoren

ren

Firefox: op firefox werkt de site naar beho

Chrome: op chrome werkt de site naar behoren

Keyboard test

De tijdlijn werkt ook volledig met keyboard en heeft een active state.