title: Passing onclick event in template literal
body: <p>I'm trying to pass url through onclick event, its not working.
   there is <code>&lt;body onload="displayBookmarks()"&gt;</code> to initialise displayBookmarks function as soon as the page gets loaded</p>
  
  <pre><code>function deleteBookmark(url){
      alert(url);
  };
  
  function displayBookmarks(){
      bookmarksResults.innerHTML = "";
      for (let a in bookmarks){
          let name = bookmarks[a].name;
          let url =  bookmarks[a].url;
          bookmarksResults.innerHTML += `&lt;div class="well"&gt; &lt;h3&gt; ${name} &lt;a class="btn btn-default" target="_blank" href=${url} &gt;Visit&lt;/a&gt;  &lt;a onclick=${deleteBookmark(url)} class="btn btn-danger" &gt;Delete&lt;/a&gt;&lt;/h3&gt;&lt;/div&gt;`
      }
  }
  </code></pre>
  
  <p>The main problem is <code>onclick=${deleteBookmark(url)}</code> 
  <strong>As soon as the page loads it starts displaying the url but I want to to be shown only when delete button is pressed.</strong></p>