Partage
  • Partager sur Facebook
  • Partager sur Twitter

Problème formulaire et calcul avec JavaScript

    3 janvier 2025 à 13:38:26

    Bonjour à tous,

    Je souhaiterai réaliser un formulaire très simple sur plusieurs pages HTML, les 3 premières pages serviraient à recueillir les informations et la dernière page (4e) permettrait de générer un tableau avec les informations recueillies sur les 3 premières pages. 

    Je me suis plongée dans le cours sur Javascript car je pensais réussir à obtenir ce que je souhaite à l'aide d'HTML+CSS+Javascript. 

    J'avoue que Javascript, j'ai compris dans l'ensemble mais qu'il y a quelques notions qui m'échappent. 

    Ma problématique est la suivante : je ne sais pas comment garder les informations recueillies dans des variables de ma page 1 pour les réutiliser sur les pages suivantes. 

    Pour l'instant j'arrive à récupérer les données de la page 1 au click sur le bouton envoyer et à les afficher dans console/log. Mais une fois sur la page 2 j'ai voulu tenter de réafficher les mêmes variables de la page1 dans concole.log. Mais ça ne fonctionne pas. Est-ce quelque chose de réalisable ? 

    • Partager sur Facebook
    • Partager sur Twitter
      21 janvier 2025 à 17:18:43

      Hello,

      Je ne sais pas si entre-temps tu as trouvé ton bonheur, mais si cela peut aider à t'apporter du contexte :

      Il faut savoir que le JavaScript exécuté par ton navigateur (côté client) ne "vie" que dans le contexte d'une page Web. Dès que celle-ci est rechargée ou refermée, absolument tout est réinitialisé/perdu.

      Il est impossible de conserver une variable d'un chargement de page à l'autre.

      Afin d'avoir une persistance de données, il faut stocker les données quelque-part avant que la page ne se ferme/recharge ou ne redirige ailleurs.

      Ce "quelque-part" peut être en l'occurence :

      • un serveur Web (en PHP, Python, Node.js … peu importe) qui lui va communiquer avec une base de données pour y écrire ou lire des données sauvegardée.
      • un emplacement de stockage dans le navigateur du client (Cookies, Web Storage, IndexedDB)

      L'avantage de stocker sur un serveur Web est que les données sont accessibles pour tout type de traitement (par ex si tu veux faire des stats avec toutes tes réponses plus tard), mais cela nécessite l'utilisation d'un serveur Web comme son nom l'indique

      Stocker dans le navigateur du client est très simple (rien à mettre en place), mais les données ne te seront pas accessibles car elles ne sont jamais envoyées. Elles seront stockées localement dans le navigateur de ton visiteur. Et s'il décide d'effacer ses cookies ou autres données, tout sera perdu pour lui.

      Voici un schéma illustrant l'exemple avec un serveur Web :

      -
      Edité par ninjavascript 21 janvier 2025 à 17:20:55

      • Partager sur Facebook
      • Partager sur Twitter

      Problème formulaire et calcul avec JavaScript

      × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
      • Editeur
      • Markdown