Inline JS onclick Function Call Error

Question

I want to make each button call a function called sDM() and input a different code but whenever I do this, I get:

ReferenceError: sDM is not defined at 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>

My function:

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

Please add your HTML code as well.

MisterMystery
– MisterMystery

2018-01-26 02:24:27 +00:00
Commented Jan 26, 2018 at 2:24 — MisterMystery
– MisterMystery, Commented Jan 26, 2018 at 2:24

Fabien Greard · Accepted Answer · 2018-01-26 02:27:25Z

1

(could be)Looks like that your javascript is loaded before your html. Please insert your javascript inside one of those listeners

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

or

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

Here's the explanation.

answered Jan 26, 2018 at 2:27

Fabien Greard

1,8941 gold badge18 silver badges26 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Inline JS onclick Function Call Error

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related