Forum d'entraide PHPFrance

Bonjour/Bonsoir à tous
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é");
				}
			};

FONCTION LECTURE :

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é");
				}

			};

FONCTION SUPPRESSION :

Code : Tout sélectionner

/* Fonction supprimerLocalStorage */
			function supprimerLocalStorage() {
				localStorage.clear();
			};

FORMULAIRE :

<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>

c'est pareil pour les 4 champs ou seulement l'intitule qui n'est jamais defini ?

c'est pareil pour les 4 champs ou seulement l'intitule qui n'est jamais defini ?

parein pour les 4 champs , l'intitule n'est jamais défini

effectivement
nomPersonne = localStorage.setItem("nomPersonne", nomPersonne);

nomPersonne n'étant jamais défini, il est affecté une valeur nulle dans localStorage
donc pareil sur les 4 champs

effectivement
nomPersonne = localStorage.setItem("nomPersonne", nomPersonne);

nomPersonne n'étant jamais défini, il est affecté une valeur nulle dans localStorage
donc pareil sur les 4 champs

Que faut t'il faire alors s'il vous plaît ?

De l'aide s'il vous plaît

Il suffit de déclarer la variable comme par exemple :

Code : Tout sélectionner

var nomPersonne = localStorage.setItem("nomPersonne", nomPersonne);

Forum d'entraide PHPFrance

LocalStorage Ecriture , Lecture, Suppression Problème

LocalStorage Ecriture , Lecture, Suppression Problème

Re: LocalStorage Ecriture , Lecture, Suppression Problème

Re: LocalStorage Ecriture , Lecture, Suppression Problème

Re: LocalStorage Ecriture , Lecture, Suppression Problème

Re: LocalStorage Ecriture , Lecture, Suppression Problème

Re: LocalStorage Ecriture , Lecture, Suppression Problème

Re: LocalStorage Ecriture , Lecture, Suppression Problème