Search code examples
javascripthtmlsession-storage

Display a sessionStorage item


I want to display the field player but i can't:

<body>

       <header>
    <h1>My memory Game</h1>
</header>

<div id="timer">
    Player Name: 
    <span id="player-name">

               <script type='text/javascript'>

                sessionStorage.getItem('player');

                //alert("Your name is: " + sessionStorage.getItem('player'));    

               </script>    
    </span>
</div>

When i test it by using javascript alert everything work : the player name is desplayed without a problem Any idea please


Solution

  • Use this:

    document.getElementById('player-name').innerHTML = 
         sessionStorage.getItem('player');
    

    Fixed code:

    <body>
        <header>
            <h1>My memory Game</h1>
        </header>
        <div id="timer">
            Player Name: 
            <span id="player-name">
            </span>
        </div>
        <script type='text/javascript'>
            document.getElementById('player-name').innerHTML = sessionStorage.getItem('player');
        </script>    
    

    You should do some javascript tutorials. ​