tengo un problema anomalo en mi codigo, no puedo almacenar mas de un dato a la vez y no puedo saber el espacio que ocupa en la memoria, lo estoy probando a contianuacion les comparto mi codigo
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>fpages</title>
<link rel="stylesheet" href="css/style.css">
<script type="text/javascript">
function capturar () {
var email = document.getElementById("email").value;
var pass = document.getElementById("pass").value;
var casilla = document.getElementById("casilla").checked;
var boxradio = document.getElementById("radio").checked;
var selezione = document.getElementById("tiempo").value;
var busqueda = document.getElementById("busqueda").value;
var insertar = document.getElementById("section").innerHTML= [email, pass, casilla, boxradio, selezione, busqueda];
}
function guardar () {
var email = document.getElementById("email").value;
var pass = document.getElementById("pass").value;
localStorage.setItem("email", email);
localStorage.setItem("pass", pass);
}
function visualizar () {
var peticion = localStorage.getItem("email");
alert(peticion);
}
function info() {
var registro = localStorage.length();
alert(registro);
}
</script>
</head>
<body>
<header><p>login</p></header>
<main>
<div><span>accede</span>
<form action="reg.php" method="post">
<input type="text" id="email" name="email" placeholder="email">
<input type="password" id="pass" name="pass" placeholder="pass">
<input type="checkbox" id="casilla">
<input type="radio" id="radio">
<select id="tiempo">
<option value="nublado">nublado</option>
<option value="soleade">sole</option>
<option value="normal">normal</option>
</select>
<input type="button" id="button" value="resumir" onclick="capturar()">
<input type="submit" value="guardar en textoplano">
<input type="reset" value="resetear">
<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">
<h1>output</h1>
</div>
</main>
</body>
</html>
