Lectura y escritura de localStorage?

Question

Acabo de empezar a estudiar Phonegap + jQuery Mobile y HTML5, así que no pierdas el control con mi idiotez.

¿Podría alguien decirme por qué esto no funciona? Cuando estoy usando una variable de localStorage, obtengo una pantalla vacía cuando presiono el botón, pero cuando uso una temperatura variable = "100", funciona bien. Android 4.1.

<script type="text/javascript" charset="utf-8"> 
document.addEventListener("deviceready", onDeviceReady, false); 
function onDeviceReady() { 
    window.localStorage.setItem("temperature", "100"); 
    var temperature = window.localStorage.getItem("temperature"); 
} 
</script> 
<div data-role="content"> 
    <p>Working or not?</p> 
    <button onclick="myFunction()">Try it</button> 
    <p id="testi"></p> 
<script type="text/javascript"> 
    function myFunction() { 
    //var temperature = "100";----> This is working! 
    document.getElementById("testi").innerHTML = temperature; 
    } 
</script> 
</div> 

Otra pregunta: ¿Cómo manejar las variables entre las páginas en Windows Phone? No soportan localStorage, ¿hay otra forma de manejar esto si no tienes conexión db?

Gracias!

Sami

Answer 1

temperature es local en el ámbito de la función onDeviceReady. Es decir, una vez que la función termina, se va.

Usted tiene dos opciones:

// Make it global 
var temperature; 
document.addEventListener("deviceready", onDeviceReady, false); 
function onDeviceReady() { 
    window.localStorage.setItem("temperature", "100"); 
    temperature = window.localStorage.getItem("temperature"); 
} 

o:

// Retrieve it in myFunction 
function myFunction() { 
    var temperature = localStorage.getItem("temperature"); 
    document.getElementById("testi").innerHTML = temperature; 
} 

Para una buena lista de ejemplos de ámbito de la función, tratar this answer.