addEventListener "if"다음에 코드를 실행하지만 "else"다음에 코드를 실행하지 않음 (onclick 표시)

Question

아무에게도 코드가 정상적으로 작동하지만 두 번째로 addEventListener를 사용하면 "display 없음 "함수 후

} 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'; 
    } 
} 

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"> 

당신은 onclick을 발생한다 함수에 대한 참조를 전달해야합니다. 대신에 직접 myfunction을 호출합니다.

해결 방법 : 다음

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

내가 onclick 이벤트로하여 myFunction에 대한 참조를 전달하고있다.