el motivo por la que planteo nuevamente esta pregunta es porque no encuentro una solucion a mi problema
no encuentro la forma de almacenar nueva informacion con localstorage, el codigo es el siguiente
tengo entendido que debo usar arrays y json pero no tengo idea de como hacer eso, mi pagina deberia almacenar nuevos datos provenientes de un formulario
<script type="text/javascript">
function capturar_valores () {
var email = document.getElementById("email").value;
var pass = document.getElementById("pass").value;
}
// esta fucnion DEBERIA guardar cada dato de un formulario sin sobreescribirse cada vez que se envian nuevos valores
function guardar_valores () {
var email = document.getElementById("email").value;
var pass = document.getElementById("pass").value;
localStorage.setItem("email", email);
localStorage.setItem("pass", pass);
}
// esta funcion recuperar los datos y los muestra con una alerta
function recuperar_datos () {
var peticion = localStorage.getItem("email");
alert(peticion);
}
// esta funcion deberia de mostrar el espacio dispoonibile en la memoria de localstorage pero no me muestra nada
function info() {
var registro = localStorage.length;
alert(registro);
}
</script>
</head>
<body>
<main>
<input type="text" id="email" name="email">
<input type="password" id="pass" name="pass">
<input type="button" id="button" value="resumir" onclick="capturar_valores()">
<input type="button" id="local" value="guardar en localStorage" onclick="guardar()">
<input type="button" id="get" value="visualizar dato guardado" onclick="visualizar()">
<input type="text" id="busqueda" placeholder="buscar dato guardado en localStorage">
<input type="button" id="info" value="espacio ocupado" onclick="info()">
</form>
</div>
<div id="section">
</div>
</main>
</body>
</html>