Vous êtes engagé comme portier pour un événement. Votre rôle sera de vous assurer que le nombre maximal de personnes admises ne dépasse jamais la limite permise.

Pour vous assurez de garder le compte juste, vous, vous créez un compteur de clics en CSS et JavaScript sur votre cellulaire 📱. Cependant, vous avez peur de perdre le compte si vous fermer ou rafraichissez votre onglet par erreur. Vous décidez donc de sauvegarder vos données, au cas.

Aperçu du résultat 👇

Matériel

Requis

  1. Faites en sorte que le nombre de personnes admises augmente de 1 à chaque fois que le bouton principal est enfoncé.

    À ce stade, le nombre devrait retourner à sa valeur initiale (0) si vous rafraîchissez la page.

  2. Remettez le compteur à 0 si le bouton de réinitialisation est enfoncé.

  3. Afin d'éviter de perdre le nombre actuel de personnes, sauvegardez-le via localStorage à chaque fois qu'il est modifié.

  4. Au chargement de la page, vérifiez si le nombre de personnes admises est sauvegardé dans le localStorage. Si tel est le cas, initialisez le compteur avec cette valeur, sinon initialisez-le à la valeur 0.