Добрый день, объясните пожалуйста, почему условие не срабатывает при первом клике? При последующих кликах все работает хорошо
<style type="text/css">
#box{display: none}
</style>
<body>
<div id="date"></div>
<div id="box">Вот</div>
<button id="onclick" onclick="box_click()">Кнопка</button>
<script type="text/javascript">
function box_click() {
var c = document.getElementById("box");
if(c.style.display === 'none'){
c.style.display = 'inline';
} else{
c.style.display = 'none';
};
}
</script>