Javascript, metodo local storage: Visualizzare e salvare piu dati da stessa input?
CERCO DI SPIEGARMI MEGLIO:
VORREI FAR SI CHE SE IO SCRIVO UN NOME NELLA INPUT <input type="text" Id="nome"> se è uguale a : Roberto allora
IL NOME VIENE e il cognome da salvare vengano salvati e poi visualizzati in <p id="datiSalvati"></p>
se invece scrivo nella <input type="text" Id="nome"> il nome: ANTONIO nome e cognome vengano memorizzati e visualizzati in : <p id="datiSalvati1"></p>
vorrei riuscire a far acquisire in input qualsiasi dato e in base al nome, se previsto dalla funzione venga registrato e poi visualizzato in una riga anzi che un altra. COME FACCIO?
Codice HTML:
<HTML>
<HEAD>
<META NAME="GENERATOR" Content="AlterVista - Editor HTML">
<TITLE>prova_webstorage</TITLE>
<script language="javascript">
function salvaDati() {
var nomeDaSalvare = document.getElementById("nome").value;
var cognomeDaSalvare = document.getElementById("cognome").value;
localStorage.setItem("nome",nomeDaSalvare);
localStorage.setItem("cognome", cognomeDaSalvare);
alert("Dati salvati.");
mostraDati();
}
function mostraDati(){
var nome = localStorage.getItem("nome");
var cognome = localStorage.getItem("cognome");
document.getElementById("datiSalvati").innerHTML= nome +" "+ cognome;
}
function eliminaDati(){
localStorage.clear();
mostraDati();
}
</script>
</HEAD>
<BODY onLoad="mostraDati()">
<form>
<p>
Nome:<input type="text" Id="nome">
Cognome:<input type="test" id="cognome">
<input type="reset" value="anulla"/>
</p>
<p>
<input type="button" onClick="salvaDati()" value="SALVA"/>
<input type="button" onClick="mostraDati()" value="MOSTRA"/>
<input type="button" onClick="eliminaDati()" value="ELIMINA"/>
</p>
</form>
<p id="datiSalvati"></p>
<p id="datiSalvati1"></p>
</BODY>
</HTML>
