56 lines
1.3 KiB
Markdown
56 lines
1.3 KiB
Markdown
# 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
|
|
|
|
|
|
|
|
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).
|
|
|