title: LocalStorage objects are not being rendered
body: <p>I'm trying to render localStorage items of the form (fields variable) to the localstorage and then getting them to render them on the loop. But the items are not getting rendered and only a comma is rendered. I can't seem to get around this error...</p>
  <pre><code>let myLibrary = [];
  
  const addBook = (event) =&gt; {
    event.preventDefault()
      var fields = {
        title: document.getElementById(&quot;title&quot;).value,
        author: document.getElementById(&quot;author&quot;).value,
        pages: document.getElementById(&quot;pages&quot;).value,
        checkbox: document.getElementById(&quot;checkbox&quot;).value
      };
  
  
  myLibrary.push(fields)
  
  localStorage.setItem('books', JSON.stringify(myLibrary));
  const data = JSON.parse(localStorage.getItem('books'))
  
  
  
  document.getElementById('bookList').innerHTML = data.map(item =&gt; {
    `&lt;div&gt;
      &lt;div&gt;Title: ${item.title}&lt;/div&gt;
      &lt;div&gt;Author: ${item.author}&lt;/div&gt;
      &lt;div&gt;Pages: ${item.pages}&lt;/div&gt;
    &lt;/div&gt;`
  })
  
  
  }
  </code></pre>