Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/jojoaventurier/dom_2

Exercice guidé de formation pour découvrir la manipulation du DOM sur Javascript
https://github.com/jojoaventurier/dom_2

dom-manipulation learning-javascript

Last synced: 6 days ago
JSON representation

Exercice guidé de formation pour découvrir la manipulation du DOM sur Javascript

Awesome Lists containing this project

README 

        
Exercice guidé de formation : introduction à la manipulation du DOM avec Javascript.



    Il s'agit de créer un petit jeu sur navigateur dont voici les règles :

      - La page présente différentes boîtes contenant chacune un numéro. Cest boîtes forment une suite arithmétique logique (soit 5 boîtes : boîte n°1, boîte n°2 etc.

      - La joueur doit cliquer sur chaque boîte dans l'ordre (boîte 1, puis boîte 2 etc.) Une boîte cliquée est validée, son aspect devra changer pour informer visuellement le joueur de son action. 

      - Si le joueur se trompe de boîte (en cliquant sur la 4 juste après avoir cliqué sur la 2, par exemple), le jeu redémarre à zéro. Il lui faudra donc cliquer de nouveau sur la boîte 1 et ainsi de suite. 

      - Une fois que la dernière boîte est cliquée dans l'ordre imposé, un message de victoire doit apparaître. 

      - Enfin, si le joueur clique sur une boîte précédemment validée (le jeu attendait qu'il clique sur la boîte 4 mais le clic a eu lieu sur la boîte 2), un message le prévient que cette boîte a déjà été cliquée, mais le jeu ne s'arrête pas pour autant.

      - Fonctionnalités annexes (mises en place) :

        - Demander le nombre de boîtes de départ au joueur (en utilisant prompt())

        - Remélanger les boîtes en cas d'erreur, ainsi le joueur ne pourra plus compter sur sa mémoire visuelle.

        - les boîtes se remélangent à chaque clic valide, rendant le jeu plus difficile.