如何在我的HTML中调用使用<script type =“module”>加载的函数？

Question

index.html：

＆＃xA;＆＃xA;

 ＆lt; script type =“module”src =“。/ index.js”＆gt;＆lt; / script＆gt;＆ #xA; ＆LT;身体GT;＆＃XA; ＆lt; button onclick =“myFunc（）”＆gt;点击＆lt; / button＆gt;＆＃xA; ＆LT; /体＆GT;＆＃XA; ＆lt; script type =“module”＆gt;＆＃xA;从'./dog.js';＆＃xA导入狗;让狗=新狗（）;＆＃xA; function myFunc（）{＆＃xA; dog.doSomething（）;＆＃XA; }＆＃XA; ＆lt; / script＆gt;＆＃xA;  

＆＃xA;＆＃xA;

由于我有type =“module”，脚本无法调用。如果我没有模块，我就无法访问Dog类。如何将html事件与模块连接？

＆＃xA;

Answer 1

使用addEventListener从JavaScript绑定事件处理程序。

document.querySelector("button").addEventListener("click", myFunct);

不要使用内在事件属性。