Beschrijving:
Voeg interactieve functionaliteiten toe aan de website met JavaScript, zoals het openen/sluiten van het menu, de deelknop, een donatie-popup, en het bijhouden van het aantal keer dat een artikel is gelezen.
Taken:
Navigatiemenu:
Implementeer de functionaliteit voor het openen en sluiten van het menu met de menu-knop en de overlay.
Sluit het menu als de gebruiker op de sluitknop of buiten het menu klikt.
Deelknop:
Implementeer een knop die deelopties toont voor het delen van artikelen via sociale media.
Voeg functionaliteit toe om de link naar het artikel te kopiëren naar het klembord.
Donatie-popup:
Toon een donatie-popup wanneer de gebruiker meer dan 50% van de pagina heeft gescrold.
Voeg een sluitknop toe om de pop-up te sluiten.
Sticky donatieknop:
Implementeer een sticky donatieknop die subtiel in- en uitzoomt tijdens scrollen om aandacht te trekken.
Weergaveteller:
Voeg een functie toe die het aantal keer dat een artikel is gelezen bijhoudt en dit toont in de interface.
Sla het aantal weergaven op met behulp van localStorage zodat het wordt bijgehouden.
fatimahilali
commented
1 week ago
Beschrijving: Voeg interactieve functionaliteiten toe aan de website met JavaScript, zoals het openen/sluiten van het menu, de deelknop, een donatie-popup, en het bijhouden van het aantal keer dat een artikel is gelezen.
Taken:
Navigatiemenu:
Implementeer de functionaliteit voor het openen en sluiten van het menu met de menu-knop en de overlay.
Sluit het menu als de gebruiker op de sluitknop of buiten het menu klikt.
Deelknop:
Implementeer een knop die deelopties toont voor het delen van artikelen via sociale media.
Voeg functionaliteit toe om de link naar het artikel te kopiëren naar het klembord.
Donatie-popup:
Toon een donatie-popup wanneer de gebruiker meer dan 50% van de pagina heeft gescrold.
Voeg een sluitknop toe om de pop-up te sluiten.
Sticky donatieknop:
Implementeer een sticky donatieknop die subtiel in- en uitzoomt tijdens scrollen om aandacht te trekken.
Weergaveteller:
Voeg een functie toe die het aantal keer dat een artikel is gelezen bijhoudt en dit toont in de interface.
Sla het aantal weergaven op met behulp van localStorage zodat het wordt bijgehouden.