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>