title: Local Storage Problem > ME I cant seem to make this work
body: <p>Problem: Local Storage is not storing data. </p>
  
  <p>I am working on a daily scheduler app for my bootcamp. I am trying to use local storage to keep data on the app. However when I refresh, the data disappears. I included the code I am using that i am working with. Let me know if you can show me where I am going wrong. </p>
  
  <p>Thanks so much!</p>
  
  <p>Cheers</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>// Background Color Set Function
  
  // define row is time in 24 hour time format
  const rows = document.getElementsByClassName("row");
  let currentHour = parseInt(moment().format('H'));
  
  // lets make sure we are getting expected output
  console.log(currentHour);
  
  
  Array.from(rows).forEach(row =&gt; {
    let
      rowIdString = row.id,
      rowHour;
    if (rowIdString) {
      rowHour = parseInt(rowIdString);
    }
    if (rowHour) {
      // Compares row id to current hour and sets color accordingly
      if (currentHour === rowHour) {
        setColor(row, "red");
      } else if ((currentHour &lt; rowHour)) {
        setColor(row, "green");
      } else {
        setColor(row, "lightgrey");
      }
    }
  });
  
  function setColor(element, color) {
    element.style.backgroundColor = color;
  }
  
  
  var input = document.getElementById('textArea6').value;
  localStorage.setItem('text6', input);
  
  document.getElementById('textArea6').value = localStorage.getItem('text6');</code></pre>
  <pre class="snippet-code-css lang-css prettyprint-override"><code>body {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: 1;
  }
  
  textarea {
    background: transparent;
    border: none;
    resize: none;
    color: #000000;
    border-left: 1px solid black;
    padding: 10px;
  }
  
  .jumbotron {
    text-align: center;
    background-color: transparent;
    color: black;
    border-radius: 0;
    border-bottom: 10px solid black;
  }
  
  .description {
    white-space: pre-wrap;
  }
  
  .time-block {
    text-align: center;
    border-radius: 15px;
  }
  
  .row {
    white-space: pre-wrap;
    height: 80px;
    border-top: 1px solid white;
    ;
  }
  
  .hour {
    background-color: #ffffff;
    color: #000000;
    border-top: 1px dashed #000000;
  }
  
  .past {
    background-color: #d3d3d3;
    color: white;
  }
  
  .present {
    background-color: #ff6961;
    color: white;
  }
  
  .future {
    background-color: #77dd77;
    color: white;
  }
  
  .saveBtn {
    border-left: 1px solid black;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    background-color: #06AED5;
    color: white;
  }
  
  .saveBtn i:hover {
    font-size: 20px;
    transition: all .3s ease-in-out;
  }
  
  .red {
    background-color: red;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;div class="col-8"&gt;</code></pre>
  </div>
  </div>
  </p>