未定义所需的JS文件中的函数

Question

我有这个小功能：

>>> '123,456'.split(',')
['123', '456']
>>> list(map(int, '123,456'.split(',')))
[123, 456]

它来自文件“ custom.js”，该文件位于root / assets / js / lib中。 通过

包含此文件

   function nullifyLorem(){
         document.getElementById("loremIpsum").innerHTML ="loremNullified"
   }

位于root / assets / js中的app.js文件中。 custom.js的导入工作正常，我对此没有任何错误。

现在我的目标网页上有此按钮

     require('./lib/custom');

我的身体底部包含脚本

<button class="button" onclick="nullifyLorem()">ClickMe!</button> 。

当我单击它时，出现此错误

未捕获的ReferenceError：在HTMLButtonElement.onclick上未定义nullifyLorem

这是为什么？我想念什么？我在几篇文章中读到，这是包括自己的JS文件时要走的路...

Answer 1

onClick在功能名称可用之前且在错误的上下文中（全局/窗口）引用了该功能名称。 通常这不起作用。

在创建DOM元素后，通过使用并附加事件侦听器来使用不干扰用户的方式。