addEventListener "if"の後にコードを実行しますが、 "else"の後にコードを実行しません（onclickの表示）

Question

コードは正常に動作しますが、なし "関数の後に

} else 

私は知っている多くのコードと質問があります、そこに人々がonclick機能について質問します。しかし、addEventListenerを使用しているだけなので、コードを書き直さなければならない理由は何も見つかりませんでした。

ここでメニューが開きますが、もう一度閉じないでください。ただし、addEventListenerを削除すると、それが表示されます。

document.getElementById("menu-item-11109").addEventListener("click", myFunction); 

function myFunction() { 
    var x = document.getElementById('closemenu'); 
    if (x.style.display === 'none') { 
    x.style.display = 'block'; 
    } else { 
    x.style.display = 'none'; 
    } 
} 

あなたはonclickの起こるはずあなたの関数への参照を渡す必要がありますHTML

<li onclick="myFunction()" id="menu-item-11109"> 
<a>Opskrifter</a> 
<ul id="closemenu"> 
<li> 
<a href="https://kvalitet-extensions.dk/category/mad/">Mad og drikke</a> 
</li> 
</ul> 

Answer 1

<li onclick="myFunction()" id="menu-item-11109"> 

。代わりにmyfunctionを直接呼び出しています。

ソリューション：

<li onclick="myFunction" id="menu-item-11109"> 

は、ここで私はのonclickイベントにMyFunctionをへの参照を渡しています。