Using `onclick` in `html` template literal throws an error

[AkromDev]

Hello, I integrated vanilla autocomplete to handlebars project and I am using html template literal to return UI for header and item in templates object.

But using onclick in html literal is throwing the error below.

`this.l[(l.type + false)] is not a function`. 

I tried using both global and window methods (which is global) but I got the same error nevertheless.

Steps to reproduce:

• Open this codesandbox (modified version of recently viewed example to use html literal)
• Search something and click Alert or Global button
• Confirm that clicking either of these buttons throw an error
• Notice clicking buttons in regular html works fine (buttons below search input)
  

[Haroenv]

This should indeed be documented more clear in our reference of html, but the tagged template expects you to use an interpolation when you want to access a javascript variable or function, as well as onClick taking function references, not the body.

So it's more:

html`
  <button
    className="aa-ItemActionButton"
    type="button"
    title="Select"
    onClick="${() => alert('Clicked')}"
    style="margin-inline: 10px;"
  >
    Alert
  </button>
  <button
    className="aa-ItemActionButton"
    type="button"
    title="Select"
    onClick="${myGlobalFunction}"
  >
    Global
  </button>
`;

Here's a fixed version of your sandbox: https://codesandbox.io/s/algolia-autocomplete-forked-x6tgr4?file=/app.jsx

[AkromDev]

@Haroenv Ah I did not know that, thanks for your reply!