24 lines
787 B
Markdown
24 lines
787 B
Markdown
|
# TP javascript : riot.js
|
||
|
|
|
||
|
|
La [documentation](https://riot.js.org/) de riot.js
|
||
|
|
|
||
|
|
#### Ex1
|
||
|
|
Voici un [exemple](./src/ex1) d'application (todo list) écrite avec riot.js.
|
||
|
|
|
||
|
|
<div align="center">
|
||
|
|
<img src="./img/todo.png">
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
Le but est de comprendre le code pour prendre en main Riot.js
|
||
|
|
|
||
|
|
- Complétez la fonction `add` qui permet d'ajouter une tâche.
|
||
|
|
- Faites en sorte que le bouton `clear done` soit desactivé quand il n'y a pas de tâches accomplies.
|
||
|
|
- Complétez la fonction `clear` qui retire les tâches accomplies.
|
||
|
|
- Mettez en oeuvre les filtres `All`, `Active` et `Done`.
|
||
|
|
- Complétez le code qui permet de supprimer une tâche.
|
||
|
|
- Ajoutez le nombre de tâches restantes.
|
||
|
|
- Modifiez le code pour que les tâches soient stockées localement (utilisez l'objet `localStorage`).
|
||
|
|
|