Estoy haciendo un curso de aprendizaje de Javascript para principiantes en Scrimba. Tenemos que crear un botón. Dos implementaciones diferentes, una que usa <button type> y la otra que usa <button id> están dando resultados diferentes. No puedo entender cuál es la diferencia entre tipo e identificación. ¿Por favor ayuda?

Implementación 1 por el tutorial-

 <button id="increment-btn">INCREMENT</button>

Esto da un botón rojo 1

Implementación 2 por mí-

 <button type="increment-btn">INCREMENT</button>

Esto da un botón gris 2

¿Cuál es la diferencia entre la forma en que funcionan?

¡Gracias!