title: Make Icon Clickable in HTML
body: <p>I am essentially trying to replace the following EDIT and DELETE buttons with icons, but am running into issues trying to do this within HTML. The OnClick function doesn't seem to do anytihng when I click the buttons. Any ideas on how to adjust this code?</p>
  <p>html</p>
  <pre><code>&lt;div style=&quot;height:400px; overflow:auto; margin:0px 20px 20px 20px&quot;&gt;
      &lt;table id=&quot;userTable&quot; class=&quot;table table-striped&quot; style=&quot;font-family: graphik&quot;&gt;
          &lt;tr&gt;
              &lt;th&gt;Employee&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
              &lt;th colspan=&quot;3&quot;&gt;Stakeholder Group&lt;/th&gt;
          &lt;/tr&gt;
          {% for user in users %}
          &lt;tr id=&quot;user-{{user.id}}&quot;&gt;
              &lt;td class=&quot;useremployee userData&quot; name=&quot;employee&quot;&gt;{{user.employee}}&lt;/td&gt;
              &lt;td class=&quot;userdescription userData&quot; name=&quot;description&quot;&gt;{{user.description}}&lt;/td&gt;
              &lt;td class=&quot;userstakeholder_group userData&quot; name=&quot;stakeholder_group&quot;&gt;{{user.stakeholder_group}}&lt;/td&gt;
              &lt;td align=&quot;center&quot;&gt;
                  &lt;button class=&quot;btn btn-success form-control&quot; onClick=&quot;editUser({{user.id}})&quot; data-toggle=&quot;modal&quot; data-target=&quot;#myModal&quot; )&quot;&gt;EDIT&lt;/button&gt;
              &lt;/td&gt;
              &lt;td align=&quot;center&quot;&gt;
                  &lt;img class=&quot;d-block w-100&quot; src=&quot;{% static 'polls/images/edit.png' %}&quot; style=&quot;cursor:pointer; width: 30px; height: 30px&quot; alt=&quot;opmodel&quot;&gt;
              &lt;/td&gt;
              &lt;td align=&quot;center&quot;&gt;
                  &lt;img class=&quot;d-block w-100&quot; onClick=&quot;editUser({{user.id}})&quot; src=&quot;{% static 'polls/images/delete.png' %}&quot; style=&quot;cursor: pointer; width: 30px; height: 30px&quot; alt=&quot;opmodel&quot;&gt;
              &lt;/td&gt;
              &lt;td align=&quot;center&quot;&gt;
                  &lt;button class=&quot;btn btn-danger form-control&quot; onClick=&quot;deleteUser({{user.id}})&quot;&gt;DELETE&lt;/button&gt;
              &lt;/td&gt;
          &lt;/tr&gt;
          {% endfor %}
      &lt;/table&gt;
  &lt;/div&gt;
  </code></pre>
  <p><a href="https://i.stack.imgur.com/LAtJQ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/LAtJQ.png" alt="enter image description here" /></a></p>