title: localStorage getItem issue
body: <p>I have multiple inputs on my page and store the data from them inside &lt; span > ... &lt; /span > by button click (since the text is typed and stored, it is considered not to disappear from those &lt; span > fields).</p>
  
  <pre><code>        var newDate = document.getElementById('event_date');//my input
          var storageNewDate = newDate.value;//my text inside &lt;input&gt; which transfers it to &lt;span&gt;
          localStorage.setItem('Date', storageNewDate);//the data is stored
  </code></pre>
  
  <p>But I can't retrieve the stored data from localStorage. My Web Developer Tools show me that stored Data exists, but when I turn or reload the page I get my &lt; span > fields empty.</p>
  
  <pre><code>    var insideSpanTags = document.getElementsByClassName("spanEvent");//all my &lt;spans&gt; 
        insideSpanTags.innerHTML = localStorage.getItem('Date');// I want my stored data to be shown there   
  </code></pre>
  
  <p>So, how can I get my stored data inside &lt; span > tags every time I refresh or reload the page?  </p>