内联JS onclick函数调用错误

Question

我想让每个按钮调用一个名为sDM()的函数并输入不同的代码，但每当我这样做时，我得到：

ReferenceError：未定义sDM     在HTMLButtonElement.onclick

<button onclick="sDM(38)" style="width: 100%">&#8593;</button>
<br>
<button onclick="sDM(37)"  style="width: 47%">&#8592;</button>&nbsp;
<button onclick="sDM(39)" style="width: 47%">&#8594;</button>
<br>
<button onclick="sDM(40)" style="width: 100%">&#8595;</button>

我的功能：

  function sDM (dN) {
           snake.setDirection(directions[dN])
         }

Answer 1

（可能）看起来你的javascript是在你的html之前加载的。请在其中一个侦听器中插入您的javascript

document.addEventListener( 'DOMContentLoaded', function( event ) {
    // Do something
});

或

window.addEventListener( 'load', function( event ) {
    // Do something
});

这里是explanation。