Кнопка нажимается со второго раза

По нажатии на кнопку, бэкграунд в body должен менять цвет. Все работает сносно, кроме того, что нажимается она, почему-то, только со второго раза.

function ColorChange() {
if (document.body.style.backgroundColor == "black") {
    document.body.style.backgroundColor = "white";
} else {
    document.body.style.backgroundColor = "black"; 
}
}

В стилях к body следующее:

body{
background-color:black;
transition: all 4s;
}