Suppression d'un élément dans le tableau du stockage local via la valeur d'entrée

Question

J'ai un tableau enregistré dans localstorage et essayant de supprimer un élément onclick en fonction de la valeur d'entrée. J'ai le code ci-dessous, mais je ne peux pas le faire fonctionner. S'il vous plaît aider, Merci à l'avance :)

var datarray = []; 

function deldata() { 

    // retrieve stored data (JSON stringified) and convert 
    var storedData = localStorage.getItem("list_data_key"); 
    if (storedData) { 
    datarray = JSON.parse(storedData); 
    } 


var titleValue = document.getElementById('listxt').value; 
// Find and remove item from an array 
var i = array.indexOf(titleValue); 
if(i != -1) { 
    array.splice(i, 1); 
} 
localStorage.setItem("list_data_key", JSON.stringify(datarray)); 
    datapost(); 
} 

jsfiddle

Answer 1

changement

var i = array.indexOf(titleValue); 
if(i > -1) { 
    array.splice(i, 1); 
} 

à

var i = datarray.indexOf(titleValue); 
if(i > -1) { 
    datarray.splice(i, 1); 
} 

Answer 2

Regardez vos noms de variables.

function deldata() { 
    // retrieve stored data (JSON stringified) and convert 
    var storedData = localStorage.getItem("list_data_key"); 
    if (storedData) { 
    datarray = JSON.parse(storedData); 
    } 

    var titleValue = document.getElementById('listxt').value; 
    // Find and remove item from an array 
    var i = datarray.indexOf(titleValue); // HERE (was 'array') 
    if(i != -1) { 
    datarray.splice(i, 1); // HERE (was 'array') 
    } 
    localStorage.setItem("list_data_key", JSON.stringify(datarray)); 
    datapost(); 
}