dom

R4.01_R4.A.10/td_tp/tp2/README.md

@@ -0,0 +1,55 @@
+# TP javascript : DOM
+
+Un peu [d'aide](./aide.md).
+#### Ex0
+On stocke dans un objet une liste de favoris :
+
+```js
+let favs = [
+	{
+		nom:"Google",
+		url:"http://www.google.fr"
+	},
+	{
+		nom:"Le Monde",
+		url:"http://www.google.fr"
+	},
+	{
+		nom:"L'Equipe",
+		url:"http://www.lequipe.fr"
+	}
+];
+```
+Compléter le fichier `favoris.js` de manière à créer dans la page html la liste de liens
+correspondant
+
+![lien}](./img/liens.png?style=centerme)   
+
+Il vous faut créer dynamiquement les noeuds nécessaires avec l'api dom de javascript.
+
+
+
+#### Ex1 
+
+Il s'agit de réaliser une version "simple" du jeu (whac-a-mole)[https://en.wikipedia.org/wiki/Whac-A-Mole]. 
+
+Le principe du jeu est de frapper à l'aide d'un marteau sur le plus grand nombre
+de taupes  parmi celles qui sortent  pour un temps très  limité et aléatoirement
+des trous situés sur un panneau de contrôle.
+
+<div align="center">
+<img src="./img/mole.png">
+</div>
+
+
+#### Ex2 
+Vous devez  compléter les [sources](./src/ex1)  d'un jeu qui consiste  à essayer
+d'éteindre  toutes les  lumières d'une  grille en  utilisant la  règle suivante.
+Quand on allume/éteint une lumière, on allume/éteint aussi ses voisines.
+
+<div align="center">
+<img src="./img/lights.png">
+</div>
+
+Chaque lumière, via l'interface dataset, possède un numéro (de 0 à size^2-1).
+