Skip to main content
Tweeted twitter.com/StackOverflowPT/status/1223440968059432961
tags editadas; título editado
Link
CypherPotato
  • 11,8mil
  • 4
  • 36
  • 87

Existe a possibilidade de salvar um objeto usado localstorage do novegdornavegador?

Javascript Existe a possibilidade de salvar um objeto usado localstorage do novegdor?

Organiza o código e corrige algumas palavras.
Fonte Link
Valdeir Psr
  • 11mil
  • 2
  • 18
  • 33

Primeiramente, full noob em JS e primeira vez perguntando aqui, desculpem qualquer coisa. FizFiz uma Todo listTodo list com 3 funcionalidades,adicionar: adicionar um item, deletar e limpar o input fieldinput field.

Eu gostaria que os itens adicionados ficassem salvos aposapós recarregar a pagina, eh possivelé possível fazer isso usando o LocalStorageLocalStorage? se naoSe não, de que outra forma posso salvar os itens adicionados  ? Outra

Outra duvida, como posso resetarresetar o inputinput toda vez que eu adicionar um item ?

JS :JavaScript:

function myFunction(){
 
    var test = document.getElementById("retorno").value;
 
    var listValue = document.createTextNode(test);

    var cre = document.createElement("LI");
 
    document.getElementById("todolist").appendChild(cre);
 
    cre.appendChild(listValue);
};

function clearFields(){
 
    document.getElementById("retorno").value = "";
}

function deleteField(){
 
    var del = document.getElementById("todolist");

    if (del.hasChildNodes()){
 
        del.removeChild(del.lastChild);
    }
}

HTML :HTML:

<input id="retorno" name="texto"type="text" placeholder="Add item here...">
               
<button id="botao" onclick="myFunction()" type="button">Add</button>
 
<button type ="button" onclick="clearFields();">Clear</button>
 
<button type="button" onclick = "deleteField();">Delete</button>

Primeiramente, full noob em JS e primeira vez perguntando aqui, desculpem qualquer coisa. Fiz uma Todo list com 3 funcionalidades,adicionar um item, deletar e limpar o input field.

Eu gostaria que os itens adicionados ficassem salvos apos recarregar a pagina, eh possivel fazer isso usando o LocalStorage? se nao, de que outra forma posso salvar os itens adicionados  ? Outra duvida, como posso resetar o input toda vez que eu adicionar um item ?

JS :

function myFunction(){
 
    var test = document.getElementById("retorno").value;
 
    var listValue = document.createTextNode(test);

    var cre = document.createElement("LI");
 
    document.getElementById("todolist").appendChild(cre);
 
    cre.appendChild(listValue);
};

function clearFields(){
 
    document.getElementById("retorno").value = "";
}

function deleteField(){
 
    var del = document.getElementById("todolist");

    if (del.hasChildNodes()){
 
        del.removeChild(del.lastChild);
    }
}

HTML :

<input id="retorno" name="texto"type="text" placeholder="Add item here...">
               
<button id="botao" onclick="myFunction()" type="button">Add</button>
 
<button type ="button" onclick="clearFields();">Clear</button>
 
<button type="button" onclick = "deleteField();">Delete</button>

Fiz uma Todo list com 3 funcionalidades: adicionar um item, deletar e limpar o input field.

Eu gostaria que os itens adicionados ficassem salvos após recarregar a pagina, é possível fazer isso usando o LocalStorage? Se não, de que outra forma posso salvar os itens adicionados?

Outra duvida, como posso resetar o input toda vez que eu adicionar um item ?

JavaScript:

function myFunction(){
    var test = document.getElementById("retorno").value;
    var listValue = document.createTextNode(test);

    var cre = document.createElement("LI");
    document.getElementById("todolist").appendChild(cre);
    cre.appendChild(listValue);
};

function clearFields(){
    document.getElementById("retorno").value = "";
}

function deleteField(){
    var del = document.getElementById("todolist");

    if (del.hasChildNodes()){
        del.removeChild(del.lastChild);
    }
}

HTML:

<input id="retorno" name="texto"type="text" placeholder="Add item here...">
<button id="botao" onclick="myFunction()" type="button">Add</button>
<button type ="button" onclick="clearFields();">Clear</button>
<button type="button" onclick = "deleteField();">Delete</button>
Formatação
Fonte Link
Augusto Vasques
  • 18,8mil
  • 10
  • 31
  • 62
Carregando
Fonte Link
Carregando