Enregistrer des variables sur dans le navigateur :

  <!DOCTYPE html>
   
   
   
   
   
  <html>
  <head>
  <title>local1.html</title>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  </head>
  <body>
  <h1>Local Storage</h1>
  <label>Nom</label><input type="text" id="nom" ><br/>
  <label>Prenom</label><input type="text" id="prenom"><br/>
  <input type="button" onclick="enregistrer()" value="Enregistrer">
   
  <script>
  function enregistrer() {
  var nom = document.getElementById("nom").value;
  var prenom = document.getElementById("prenom").value;
  localStorage.setItem("nom",nom);//enregistre la valeur
  localStorage.setItem("prenom",prenom);
  document.location.href="local2.html";//lien vers la page 2
   
   
  }
  </script>
   
   
  </body>
  </html>
   

 

Récupérer les variables

<html>
  <head>
  <title>local2.html</title>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  </head>
  <body onload="init()">
  <h1>Local Storage</h1>
  <label>Nom </label><div id="nom" ></div><br/>
  <label>Prenom </label><div id="prenom"></div><br/>
   
   
  <script>
  function init() {
  var nom = localStorage.getItem("nom");
  var prenom = localStorage.getItem("prenom");
  document.getElementById("nom").innerHTML = nom;
  document.getElementById("prenom").innerHTML = prenom;
  }
  </script>
   
   
  </body>
  </html>
 

 

 


Logo Lycée Paul Sérusier

J'enseigne au
Lycée Paul SERUSIER
Avenue de Waldkappel
29270 CARHAIX PLOUGUER
Tél : 02 98 99 29 29
Site : www.lycee-serusier.fr

footer2

Richard GAUTHIER
Professeur de Physique Appliquée
Certification ISN
Cette adresse e-mail est protégée contre les robots spammeurs. Vous devez activer le JavaScript pour la visualiser.

 

 


Mentions légales


Plan du site

  Cette adresse e-mail est protégée contre les robots spammeurs. Vous devez activer le JavaScript pour la visualiser.