css Java script yardım

Şu menu anlamadığım bir şekilde 2. tıklamadan sonra açılıyor java scipt kodunu aşağı brakıyorum

    function mobilmenu(){
    var x = document.getElementById("mobilmenuic");     if (x.style.display == "none") {         x.style.display = "block";         document.getElementById("menucnc").src = "/img/close.png";         console.log("img deÄŸiÅŸti");     }else{         x.style.display = "none";         document.getElementById("menucnc").src = "/img/menu.png";         console.log("img  degisti");     } }

edit : buton kodu

<a class="mobilmenu" onclick="mobilmenu()">
<img id="menucnc" src="/img/menu.png" width="30" style="margin-top: 8PX;">
</a>

Posta kutunuz doldu Sorun: Scripti sayfa yüklemeden okuyor, 1.kez tıkladığınızda idleri vs tanımıyor , 2.kezde tıkladığınnızda idleri görüyor ve kodunuz çalışıyor. Tek tık ile çalışmasını istiyorsanız. Script sonuna
window.onload=mobilmenu(); eklediğinizde scriptiniz sayfa yüklemesinden sonra çalışacak ve idleri ilk tıkta görecektir.

Ancak window.onload yerine linkteki alternatiflere de göz atabilirsiniz. External javascript verip <script src="Scriptiniz.js" defer></script> şeklinde 'defer' ekleyerek te yapabilirsiniz. İkisi de çalışır ancak hangisi daha sağlıklı bilgim yok linkte window.onload yerine defer tavsiye edilmiş. Defer kullanmanız daha sağlıklı olur sanırım.