Functions defined inside an ES6 module embedded in an HTML script are not available to that script. Thus if you have a statement such as:

`<button onclick="doSomething();">Do something</button>`

in your HTML and your doSomething() function lives inside an ES6 module embedded in the HTML script, you will get a "doSomething() is undefined" error when you run the script.

[Use functions defined in ES6 module directly in html](https://stackoverflow.com/questions/53630310/use-functions-defined-in-es6-module-directly-in-html) suggests a great solution to the immediate problem, recommending that you "bind" your function to the button by amending your HTML thus:

`<button id="dosomethingbutton">Do something</button>`

and using the module itself to create a linkage thus:

`document.getElementById('dosomethingbutton').addEventListener('click', doSomething);`

This works fine, but what if your original button was a bit more sophisticated and was parameterised? For example:

`<button onclick="doSomething('withThisString');">Do Something with String</button>`

The most that the "binding" can provide seems to be limited to the circumstances relating to the event - I can find no way of associating it with data. I'm completely stuck trying to find a solution to this one and assistance would be much appreciated.

I'd like to add that, while this problem might seem a bit obscure, I think it will be of interest to anyone migrating to Firebase 9. Amongst other changes, migration requires you to move your javascript code into ES6 modules (where the namespace is not directly available to the HTML DOM) and so it's likely that the simplest HTML will immediately hit these issues. Advice would be most welcome.