Tengo el siguiente código:
HTML:
Nombre:<input id='i'/>
JS:
window.onbeforeunload = localStorage.setItem('x', document.getElementById('i').value);
Lo que quiero es que cuando el usuario salga de la pagina, lo que haya escrito en el input se guarde por si hay algún incidente y el usuario sale de la pagina o la recarga sin querer. El problema es, que, introduzco caracteres en el input y salgo de la pagina, en volver a entrar a la pagina, abro la consola y veo que localStorage.getItem('x') es "" habiendo introducido caracteres y habiéndose 'guardado' en localStorage.
¿He pasado algo por alto o me estoy confundiendo en algo?¿Como puedo solucionarlo y sobretodo porque me muestra esto la consola?