Contenu du cours
Projet TodoList
Programmer une Todo list (liste de choses à faire) en Javascript est un excellent exercice d'apprentissage. Une Todo list couvre différents aspects et concepts que l'on retrouvera dans la majorité des projets web : Manipulation d'objets Javscript, du DOM HTML et du CSSOM, formulaire, changement d'états, animation, etc. Dans cette section, nous allons réaliser plusieurs versions d'une Todo list, en démarrant avec une version simple que nous ferons évoluer en ajoutant des fonctionnalités.
0/13
Introduction au Javascript

On veut maintenant faire évoluer notre version précédente et mettre en place des fonctions pour remplacer les instructions simples.

  1. Créer un nouveau fichier v2-functions.js dans votre projet VSCode et copier le code de v1-array.js à l’intérieur
  2. Mettre à jour le commentaire en haut du fichier
  3. Pour le moment, on va conserver le tableau qui contient les todo
  4. Fonction display
    • Remplacer le console.log par une fonction display(), qui prend en paramètre un tableau et qui affiche le tableau à l’aide d’un console.log
    • Appeler la fonction display()
  5. Fonction add
    • Remplacer le push par une fonction add, qui prend en paramètres
      • un tableau – le tableau des todo
      • une String – le nouvel item à ajouter
    • La fonction doit ensuite ajouter le paramètre String à la fin du tableau
    • Appeler la fonction add
    • Appeler la fonction display à nouveau pour vérifier son bon fonctionnement
  6. Fonction change
    • Remplacer la modification du tableau par une fonction change, qui prend en paramètres
      • un tableau – le tableau des todo
      • un entier qui représente l’indice du tableau à modifier
      • une String, qui représente la nouvelle valeur
    • Appeler la fonction change
    • Appeler la fonction display à nouveau pour vérifier son bon fonctionnement
  7. Fonction remove
    • Remplacer l’ancienne instruction par une fonction remove
    • Essayer de trouver par soi-même ce qu’il faut faire !

Essayez de tout faire par vous même, puis vous pouvez comparer avec cette correction.