Instruções: Crie um dado nesta página;
Leia o dado criado;
Abra uma nova janela ou aba no navegador e cole o endereço desta página;
Carregue a página e leia o dado.
Compare a leitura com a leitura na página anterior;
Tire suas conclusões.
<script>
function salvarDado(name) {
var valor = document.forms['dadoform'].dadovalue.value;
var itemStorage = localStorage.setItem('dataStorage', valor);
var valorItemStorage = localStorage.getItem('dataStorage');
if (!valor)
alert('Entre um valor para o dado a armazenar.');
else {
mensagem = 'Um dado com o nome "dataStorage" com o valor '+valorItemStorage+'\n';
mensagem += 'foi armazenado'
alert(mensagem);
}
}
function lerDado(name) {
var valorItemStorage = localStorage.getItem('dataStorage');
mensagem = 'Um dado com o nome "dataStorage" com o valor '+valorItemStorage+'\n';
mensagem += 'foi lido'
alert(mensagem);
}
function apagarDado(name) {
localStorage.removeItem('dataStorage');
alert('Dado com o nome "dataStorage" foi apagado');
}
</script>
<section>
<form name="dadoform" action="#">
<p><label>Escolha um valor para o dado "meuDado":</label><br> <input name="dadovalue"></p>
</form>
<p><a href="#" onClick="salvarDado('meuDado')">Armazenar dado</a></p>
<p><a href="#" onClick="lerDado('meuDado')">Ler dado</a></p>
<p><a href="#" onClick="apagarDado('meuDado')">Apagar dado</a></p>
</section>