[SOLUCIONADO] mini script webstorage no se ejecuta

nanotime · #1 (**permalink**) 25/04/2014, 09:26

Esto es un tanto raro, ando haciendo pruebas pequeñas con JS y webstorage para probar de que se trata y al principio me daba un error de referencia con las variables, lo corregí y ya no me da problemas pero ahora simplemente no hace nada.

De todos modos les dejo el script para que lo analicen:

Código Javascript:

Ver originalfunction init() {
    var boton;
    boton = document.getElementById('grabar');
    boton.addEventListener('click', newitem, false);
}
function newitem() {
    var clave = document.getElementById('clave') .value;
    var valor = document.getElementById('texto') .value;
    sessionStorage[clave] = valor;
    mostrar(clave);
}
function mostrar(clave) {
    var databox = document.getElementById('databox');
    var valor = sessionStorage[clave];
    databox.innerHtml = '<span>' + clave + ' - ' + valor + '</span>';
}
window.addEventListener('load', init, false);

Y claro, el HTML porsi:

Código html:

Ver original<!DOCTYPE html>
 
<html lang="en">
 
    <head></head>
    <body>
        <section id="formbox">
            <form name="form" action="">
                <div>
                    <label for="clave"></label>
                    <input id="clave" type="text" name="clave">
                    </input>
                </div>
                <div>
                    <label for="texto"></label>
                    <input id="texto" type="text" name="texto"></input>
                </div>
                <input id="grabar" type="button" value="grabar"></input>
            </form>
        </section>
        <section id="databox">
 
            No hay datos disponibles
 
        </section>
    </body>
 
</html>

bathorz · #2 (**permalink**) 25/04/2014, 10:59

Mayúscula: databox.innerHTML