Ver Mensaje Individual
  #1 (permalink)  
Antiguo 25/04/2014, 09:26
Avatar de nanotime
nanotime
 
Fecha de Ingreso: noviembre-2011
Ubicación: Cd. Guayana
Mensajes: 145
Antigüedad: 13 años, 1 mes
Puntos: 6
mini script webstorage no se ejecuta

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 original
  1. function init() {
  2.     var boton;
  3.     boton = document.getElementById('grabar');
  4.     boton.addEventListener('click', newitem, false);
  5. }
  6. function newitem() {
  7.     var clave = document.getElementById('clave') .value;
  8.     var valor = document.getElementById('texto') .value;
  9.     sessionStorage[clave] = valor;
  10.     mostrar(clave);
  11. }
  12. function mostrar(clave) {
  13.     var databox = document.getElementById('databox');
  14.     var valor = sessionStorage[clave];
  15.     databox.innerHtml = '<span>' + clave + ' - ' + valor + '</span>';
  16. }
  17. window.addEventListener('load', init, false);

Y claro, el HTML porsi:

Código html:
Ver original
  1. <!DOCTYPE html>
  2.  
  3. <html lang="en">
  4.  
  5.     <head></head>
  6.     <body>
  7.         <section id="formbox">
  8.             <form name="form" action="">
  9.                 <div>
  10.                     <label for="clave"></label>
  11.                     <input id="clave" type="text" name="clave">
  12.                     </input>
  13.                 </div>
  14.                 <div>
  15.                     <label for="texto"></label>
  16.                     <input id="texto" type="text" name="texto"></input>
  17.                 </div>
  18.                 <input id="grabar" type="button" value="grabar"></input>
  19.             </form>
  20.         </section>
  21.         <section id="databox">
  22.  
  23.             No hay datos disponibles
  24.  
  25.         </section>
  26.     </body>
  27.  
  28. </html>