JavaScript : rendre le Web interactif (école d'ingénieur) · Chapitre 11 · Application directe du cours
Ce que garde le navigateur
Erreurs, stockage et qualité du code · niveau 1 (application)
Énoncé
Pour chaque donnée, dire s'il faut la ranger dans localStorage, dans sessionStorage, ou nulle part dans le navigateur : le panier ; le texte tapé dans le filtre du catalogue, à retrouver en revenant de la fiche d'un livre ; le mot de passe du compte client ; le thème choisi ; l'historique des commandes passées. Enfin, que renvoient les deux dernières lignes de ce programme ?
localStorage.setItem("q", 3);
localStorage.setItem("p", { isbn: "A" });
localStorage.getItem("q");
localStorage.getItem("p");Corrigé
- Le panier :
localStorage, il doit survivre à la fermeture et être commun aux onglets. - Le texte du filtre :
sessionStorage, il n'a de sens que pendant la visite, dans cet onglet. - Le mot de passe : nulle part ; c'est le serveur qui authentifie.
- Le thème :
localStorage. - L'historique des commandes : sur le serveur ; le navigateur peut être changé, vidé, partagé.
getItem("q") renvoie la chaîne "3", pas le nombre 3. getItem("p") renvoie "[object Object]" : l'objet a été converti en chaîne par String, et son contenu est perdu. Il fallait JSON.stringify.
100 % gratuit
La suite du chapitre est sur Adloun
- 10 autres exercices corrigés dans ce chapitre
- Les 2 QCM du chapitre, le premier sans compte
- Le tuteur, qui guide pas à pas sans donner la réponse
Sans compte : le cours et le premier QCM. Exercices et tuteur : inscription gratuite en 30 secondes, sans carte bancaire.