外部 Javascript 在按钮单击上不起作用

Question

Hello there I've set a button to work with external css but Is not working and I don't know why? HTML:

<div id="openav" class="btn-ham"><b>Menu</b>

JS:

document.getElementById("openav").addEventListener("click", myFunction);
function openNav() {
    document.getElementById("mySidenav").style.width = "100%";
};

What can the problem be? It can be also jQuery

Answer 1

I am not seeing any definition of the myFunction function.

Answer 2

I fixed it:

document.getElementById("openav").addEventListener("click", openNav);
function openNav() {
    document.getElementById("mySidenav").style.width = "100%";
};

I didn't include the function onclick in this case openNav