Question

72

Reading and writing from localStorage?

rated 0 times [ 74] [ 2] / answers: 1 / hits: 22003 / 12 Years ago, sun, july 15, 2012, 12:00:00

I just started to study Phonegap + jQuery Mobile and HTML5,, so don't loose your nerve with my idiocy!

Could somebody tell me why this is not working? When I am using a variable from localStorage, I just get an empty screen when pressing the button, but when using a variable temperature=100, it is working fine. 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>

Another question: How to handle variables between pages in Windows Phone? They are not supporting localStorage, so is there another way to handle this if you haven't got db-connection?

Thanks!

Sami

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

eden

Add To Favorites

Follow

Total Points: 730

Total Questions: 117

Total Answers: 117

Location: Peru

Member since Fri, Oct 14, 2022

2 Years ago

eden questions

1 Implementing advanced pagination to my react site using react-bootstrap

Thu, Mar 11, 21, 00:00, 3 Years ago

1 Dynamically access Vue component data variable names

Sun, Mar 7, 21, 00:00, 3 Years ago

1 How to test arrow function calling in react component with jest?

Wed, Dec 9, 20, 00:00, 4 Years ago

1 npm run test - unsafe-perm in lifecycle

Mon, Jul 27, 20, 00:00, 4 Years ago

1 How to remove the item from the local storage by clicking on div?

Thu, Dec 5, 19, 00:00, 5 Years ago

View All

answered 12 Years ago jaidyn · Accepted Answer

temperature is local to the scope of the onDeviceReady function. That is, once the function is over, it's gone.

You have two options:

// Make it global

var temperature;

document.addEventListener(deviceready, onDeviceReady, false);

function onDeviceReady() {

  window.localStorage.setItem(temperature, 100);

  temperature = window.localStorage.getItem(temperature);

}

or:

// Retrieve it in myFunction

function myFunction() {

  var temperature = localStorage.getItem(temperature);

  document.getElementById(testi).innerHTML = temperature;

}

For a good list of examples of function scope, try this answer.