Revenir à tous mes projets

Application To-Do List - HTML, CSS & Javascript

Javascript
HTML
LocalStorage

Application de To-Do List réalisée en HTML, CSS et Javascript.

Screenshot de l'application de To-Do List
Grâce à LocalStorage et la méthode setItem(), l’application garde en mémoire les tâches enregistrées même lorsque l’on raffraichi la page.

Pour rappel, la méthode setItem() de l’interface Storage, lorsque lui sont passées le duo clé-valeur, les ajoute à l’emplacement de stockage, sinon elle met à jour la valeur si la clé existe déjà. Ici la clé n’existe pas déjà, nous allons donc la créer et l’appeler “data”.

Ensuite, la fonction showTask permet grâce à la méthode getItem() de récupérer et d’afficher les données sauvegardées précédemment grâce à la clé “data.