Discussion :

[Koscielski]

Bonjour, aujourd'hui j'ai encore un soucis.
J'ai un bouton qui au click est cens� clear le local Storage, Quand je clique dessus le local storage se vide, mais quand je re entre une valeur dans mon input et que je clique mon bouton pour mettre la valeur dans le Local Storage, l'ancienne valeur r�appara�t.
Voici le code JS

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
var AjoutLocal = document.querySelector('#NameUser');
var LocalItem = document.querySelector('#Local-item');
var LocalSess = document.querySelector('#LocalSess');
AjoutLocal.addEventListener('submit', function(event) {
    event.preventDefault();
    if (LocalItem.value.length < 1) return;
    LocalSess.innerHTML += '<p>' + LocalItem.value + '<p>';
    LocalItem.value = '';
    localStorage.setItem('LocalItem', LocalSess.innerHTML);
    document.getElementById("messageLocation").querySelector("b").innerHTML = localStorage.getItem("LocalItem");
}, false);
var saved = localStorage.getItem('LocalItem');
if (saved) {
    LocalSess.innerHTML = saved;
    document.getElementById("messageLocation").querySelector("b").innerHTML = localStorage.getItem("LocalItem");
}
document.getElementById("annulation").onclick = clear_me;
 
function clear_me() {
    localStorage.clear();
    checkStorage();
}

Code html :

S�lectionner tout - Visualiser dans une fen�tre � part

<button id="annulation">Annuler la réservation</button>

[psychadelic]

et #NameUser, #Local-item, #LocalSess, messageLocation, c'est quoi ??
idem pour checkStorage(); que fait cette fonction ?

sinon, j'imagine que AjoutLocal est l'ID d''un formulaire (il y a addEventListener('submit' desuus) ce qui signifie que ta page est recharg�e � z�ro � chaque submit, et je vois pas vraiment l'int�r�t ?

[NoSmoking]

il y a addEventListener('submit' desuus) ce qui signifie que ta page est recharg�e � z�ro

il y a un event.preventDefault();.

Ceci �tant, je trouve le code � obscur � et on a du mal � comprendre ce que tu cherches r�ellement � faire.

Un exemple tout simple pour voir la simplicit� d'utilisation du localStorage
Code HTML :

Code html :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
12
13
<p>
  <input type="text" id="item" value="texte">
  <input type="text" id="texte" value="du texte">
</p>  
<p>
  <button onclick="addLocal()">Add</button>
  <button onclick="readLocal()">Read</button>
  <button onclick="removeLocal()">Remove</button>    
  <button onclick="clearLocal()">Clear</button>  
</p>    
<p>
  <span id="local"></span>
</p>

Code JS :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
function addLocal() {
  var item = document.getElementById("item").value;
  var text = document.getElementById("texte").value;
  localStorage.setItem(item, text);
}
 
function readLocal() {
  var item = document.getElementById("item").value;
  var text = localStorage.getItem(item);
  document.getElementById("local").innerHTML /*textContent*/ = text || "Null ou pas de donnée présente !";
}
 
function removeLocal() {
  var item = document.getElementById("item").value;
  localStorage.removeItem(item);
}
 
function clearLocal() {
  localStorage.clear();
}

Ouvre la console sur Local Storage et regarde ce qui se passe.

Nota : en esp�rant que tu r�pondes et que tu ne laisses pas les gens en plan comme dans tes autres discussions ouvertes