Capítulo 8

Armazenar dados localmente, como objeto - Uso de JSON

Armazenar com sessionStorage simples (operação de concatenação):
4 + 3 =

Armazenar com sessionStorage e JSON (operação de adição):
4 + 3 =

JavaScript

<script>
window.onload = function() {
var campos = document.getElementsByTagName('input');
// armazenar sem JSON	
	sessionStorage.setItem('a', 4);	
	sessionStorage.setItem('b', 3);	
	a = sessionStorage.getItem('a');	
	b = sessionStorage.getItem('b');	
	campos[0].onclick = function() {
		this.value = a+b;
	}

// armazenar com JSON	
	var numeros = {
		a: 4,
		b: 3
	}
	sessionStorage.setItem('numeros', JSON.stringify(numeros));
	JSON.parse(sessionStorage.getItem('numeros'));
	campos[1].onclick = function() {
		this.value = numeros.a + numeros.b;
	}
}
</script>

HTML

<section>	
<p>Armazenar com sessionStorage simples:<br>
4 + 3 = <input value="clique"></p>
<p>Armazenar com sessionStorage e JSON:<br>
4 + 3 = <input value="clique"></p>
</section>