JS - DOM Challenge

Dans ce challenge, tu vas devoir rendre cette application réactive.

Pour l'instant, tu peux observer deux boutons et une valeur 0. Si on tente de cliquer sur l'un ou l'autre des boutons, la valeur ne change pas.

C'est là tout ton l'objectif : rendre cette application dynamique !

Le challenge :

Trouve par toi-même le moyen de rendre cette application réactive 😊

En résumé, tu vas devoir :

1. Faire marcher le compteur

• En cliquant sur le bouton +, tu peux observer le chiffre incrémenter de 1.
• En cliquant sur le bouton -, tu peux observer le chiffre décrémenter de 1.

2. Bloquer le compteur

• Quand la valeur 10 est atteinte, le bouton + se désactive, et devient impossible à cliquer.
• Quand la valeur -10 est atteinte, le bouton - se désactive.

3. Réactiver les boutons

• Quand la valeur 10 est atteinte, si on clique sur le bouton -, le bouton + se réactive.
• Quand la valeur -10 est atteinte, si on clique sur le bouton +, le bouton - se réactive.

4. Gérer les valeurs limites

• Quand les valeurs limites sont atteintes (10 et -10), le chiffre devient rouge.
• Si la valeur 10 est atteinte, le score devient rouge. Si on clique sur le bouton -, le score redevient blanc.
• Si la valeur -10 est atteinte, le score devient rouge. Si on clique sur le bouton +, le score redevient blanc.

Pour aboutir, n'hésite pas à utiliser toutes les ressources à ta disposition pour te rafraîchir la mémoire 😊