Print Local Storage onto page

Question

How can I show the users high score in my game? I can't use onload() , so how can I show the stored high scores? Here is my code to get scores.

var hs = localStorage["hs"];

function myFunction() {
    $("#demo").text(hs);
}

Answer 1

<script type="text/javascript">
    localStorage.setItem("highscore","100");
    var v=localStorage.getItem("highscore");
    alert(v);
</script>

you need to use setItem() for assigning value to the variable and getItem() for fetching the value

Answer 2

This will help you.

<!DOCTYPE html>
<html>
    <head>
        <title>A game</title>
    </head>
    <body>
        <div id="showscore"></div>
        // Keep the script tag at the end of your HTML code.
        <script type="text/javascript">
            //localStorage.setItem("highScore","564544");
            var highScore = localStorage.getItem("highScore"); 
            // Considering you already have highScore set in local storage.
            // Uncomment your line number 10 if you want to set in local storage
            if(highScore){
                document.getElementById('showscore').innerHTML = highScore;
            }
            else{
                document.getElementById('showscore').innerHTML = "Play your first game";            
            }
        </script>
    </body>
</html>

You can use innerHTML dom attribute here to insert your highscore stored in local storage.

Make sure you insert the script at the end of html code, as the script needs the all elements to be rendered first.

Print Local Storage onto page

Question

2 answers

solution1
0 2016-02-01 06:35:12

solution2
0 ACCPTED 2016-02-01 07:04:55

Print Local Storage onto page

Question

2 answers

solution1 0 2016-02-01 06:35:12

solution2 0 ACCPTED 2016-02-01 07:04:55

solution1
0 2016-02-01 06:35:12

solution2
0 ACCPTED 2016-02-01 07:04:55