What is the difference between !( i%2) vs (i%2 == 0)?

for (i=0;i<10;i++) {
if (i%2 == 0)
console.log( i + "is even number")
else
console.log(i + "is not even")

}

working, but

for (i=0;i<10;i++) {
if (!i%2)
console.log( i + "is even number")
else
console.log(i + "is not even")

}

not working , why ? and when would i%2 becomes true ?