Question

Views

I have this code that is trying to retrieve data from localstorage. However, nothing happens at all when it is run and there are no console errors.

    var score = localStorage.getItem('score') || 0;
    
    function save() {
    counter = localStorage.getItem('score', score)
    }

<body onload="save()">
        <p id="score">0</p>
        <img src="popcat1.png" alt="Invalid" id="popcat1">

I don't know I'm doing wrong and I want the score not to reset on refresh. Please tell me if there is a better way.

about 4 years ago · Juan Pablo Isaza

Answer question

Answer 1 · 2022-07-03T12:39:22.611Z

Local storage is not a complicated thing. There are only 4 basic operations.

Set data in localStorage:

localStorage.setItem('name', variable)

Get data from localStorage:

localStorage.getItem('name')

Remove from localStorage

localStorage.removeItem('name')

Remove all from localStorage

localStorage.clear()

In your code, you need to setItem first and than you can get the value.

Answer 2 · 2022-07-03T12:39:22.619Z

Just use setItem on save rather than getItem:

let score = localStorage.getItem('score') || 0
function save() {
  localStorage.setItem('score', score)
  //           ^^^^^^^
}

For more information check out the MDN docs.