# 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).