Chcę zastosować rozwiązanie, w którym menu pojawia mi się po zaznaczeniu checkbox. Wszystko działa OK poza tym, że przy pierwszym otworzeniu strony menu jest widoczne pomimo tego, że checbox jest odznaczony :(
Czy wie ktoś dlaczego tak zachowuje się przeglądarka i jak to naprawić?
HTML
<nav>
<div class="logo"><span class="purple">A</span>kordeonista.<span class="grey">PL</span></div>
<div class="hamb"><label><input type="checkbox" id="myCheck" onclick="myFunction()"><i class="fa-solid fa-bars fa-2x"></i></label></div>
<div id="menu">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Wynajmij mnie</a></li>
<li><a href="#">Sklep</a></li>
<li><a href="#">Kurs</a></li>
<li><a href="#">inne</a></li>
<li><a href="#">Kontakt</a></li>
<li><a href="#">Logowanie</a></li>
</ul>
</div>
</nav>
JS
function myFunction() {
// Get the checkbox
var checkBox = document.getElementById("myCheck");
// Get the output text
var text = document.getElementById("menu");
// If the checkbox is checked, display the output text
if (checkBox.checked == true){
text.style.display = "block";
} else {
text.style.display = "none";
}
}