title: Getting the error "deleteThisBook is not defined" from the following code
body: <p>The books array is mapped and pushed into the html. But the error says deleteThisBook() is not defined</p>
  <pre><code>function loadData(){
      var output = document.querySelector(&quot;.output&quot;)
      output.innerHTML = `${books
        .map(function (book){
        return `
             &lt;ul class=&quot;list-group list-group-flush&quot;&gt;
                &lt;li class=&quot;list-group-item&quot;&gt;&lt;b&gt;Title&lt;/b&gt;: ${book.title}&lt;/li&gt;
                &lt;button onclick=&quot;deleteThisBook(this, ${book.title})&quot;&gt;Delete&lt;/button&gt;
            &lt;/ul&gt;`
      }).join(&quot;&quot;)}`;
      
    }
  
    function deleteThisBook(delButton, t){
      console.log(&quot;clicked&quot;)
    }
  
    loadData();
  </code></pre>