Je commence a apprendre le JavaScript, J'ai donc mit en place un fichier htm qui me permet de taper dans un formulaire un nom, un prénom et un email qui sera sauvegarder dans le navigateur en cliquant sur le bouton << Ecriture >> puis que je peux afficher le résultat en cliquant sur le bouton << Lecture >> et de supprimer cette sauvegarde avec le bouton << Supression >>
Le problème et lorsque je clique sur écriture il est écrit << Undefinided >> et quand je clique sur lecture il y a marqué << null >>
Je ne m'y connais pas du tout en javascript pouvez-vous m'aidez à résoudre mon problème s'il vous plait
FONCTION ECRITURE
Code : Tout sélectionner
/* Fonction ecrireLocalStorage */
function ecrireLocalStorage() {
/* Test possibilité d'utiliser localStorage */
if ( typeof localStorage != "undefined") {
/* Stockage du nom (nomPersonne)
dans le stockage localStorage */
nomPersonne = localStorage.setItem("nomPersonne", nomPersonne);
/* Stockage du prénom (prenomPersonne)
dans le stockage localStorage */
prenomPersonne = localStorage.setItem("prenomPersonne", prenomPersonne);
/* Stockage du mail (mailPersonne)
dans le stockage localStorage */
mailPersonne = localStorage.setItem("mailPersonne", mailPersonne);
/* Affichage de contrôle */
intitule = "Contenu du localStorage (après écriture)";
document.getElementById("intitule").innerHTML = intitule;
document.getElementById("nomPersonne").innerHTML = nomPersonne;
document.getElementById("prenomPersonne").innerHTML = prenomPersonne;
document.getElementById("mailPersonne").innerHTML = mailPersonne;
} else {
/* Message d'erreur (pas de possibilité
de stockage localStorage) */
alert("localStorage n'est pas supporté");
}
};Code : Tout sélectionner
/* Fonction lireLocalStorage */
function lireLocalStorage() {
/* Test possibilité d'utiliser localStorage */
if ( typeof localStorage != "undefined") {
/* Récupération du nom (nomPersonne)
depuis le stockage localStorage */
var nomPersonne = localStorage.getItem("nomPersonne");
/* Récupération du prénom (prenomPersonne)
depuis le stockage localStorage */
var prenomPersonne = localStorage.getItem("prenomPersonne");
/* Récupération du mail (mailPersonne)
depuis le stockage localStorage */
var mailPersonne = localStorage.getItem("mailPersonne");
/* Affichage de contrôle */
intitule = "Contenu du localStorage (après relecture)";
document.getElementById("intitule").innerHTML = intitule;
document.getElementById("nomPersonne").innerHTML = nomPersonne;
document.getElementById("prenomPersonne").innerHTML = prenomPersonne;
document.getElementById("mailPersonne").innerHTML = mailPersonne;
} else {
/* Message d'erreur (pas de possibilité
de stockage localStorage) */
alert("localStorage n'est pas supporté");
}
};Code : Tout sélectionner
/* Fonction supprimerLocalStorage */
function supprimerLocalStorage() {
localStorage.clear();
};<form>
<FORM method = "post" onSubmit="ecrireLocalStorage()">
<INPUT TYPE="text" NAME="nomPersonne" VALUE=""> Nom <BR>
<INPUT TYPE="text" NAME="prenomPersonne" VALUE=""> Prenom <BR>
<INPUT TYPE="email" NAME="mailPersonne" VALUE=""> Mail <BR>
<input
type="button"
id="boutonEcriture"
value="Ecriture dans localStorage"
onclick="ecrireLocalStorage();"
/>
<br />
</form>
<form>
<input
type="button"
id="boutonLecture"
value="Lecture depuis localStorage"
onclick="lireLocalStorage();"
/>
<br />
<input
type="button"
id="boutonSuppression"
value="Suppression de l'entrée dans localStorage"
onclick="supprimerLocalStorage();"
/>
</form>
<!-- Affichage du contenu du système de stockage -->
<br />
<span id="intitule"></span>
<br />
<span id="nomPersonne"></span>
<br />
<span id="prenomPersonne"></span>
<br />
<span id="mailPersonne"></span>
