страница перезагружается при использовании document.getElementById

Question

Im, используя функцию js, показанную ниже, чтобы часть страницы исчезла, когда пользователь нажимает кнопку.

но когда я нажимаю на кнопку, часть исчезает, а затем перезагружается страница. Почему это так?

<button id="myDIV" onclick="fncShowHide()">Try it</button> 

<script> 
window.fncShowHide = function() { 
    document.getElementById("idein").className = "display-none"; 
} 
</script> 

Answer 1

См. What's the standard behavior when < button > tag click?.

Возврат false от обработчика onclick для предотвращения любого действия браузера по умолчанию.

<button id="myDIV" onclick="fncShowHide(); return false;">Try it</button> 

Answer 2

?

window.fncShowHide = function() { 
 
    document.getElementById("idein").className = "display-none"; 
 
} 
 

 
window.other_ = function() { 
 
    document.getElementById("idein").style.display = "none"; 
 
}

.display-none{ 
 
display:none; 
 
}

<button id="myDIV" onclick="fncShowHide(); return false;">Try it</button> 
 
<div id="idein">BYEEEEEEEEEEEEEEEEEEEEEEEEEEE!</div> 
 
<script> 
 

 
</script>