Capítulo 8

localStorage


Armazenar dado

Ler dado

Apagar dado

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.

JavaScript

<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>

HTML

<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>