El boton registra los dos funciones. Cuando se toca el boton, esto es lo que pasa:
Primeramente, el función que se llama 'myf1' esta activada, y el color del boton cambia a rojo.
Segundamente, el funcion que se llama 'myf2' esta activada, y el color del boton cambia a azul.
Los eventos pasan tan rápidamente que el HTML no tiene tiempo para realizar el color de rojo.
Si se quiere ver el cambio fácilmente, cambialo como asi:
function myf2() {
setTimeout(function(){
document.getElementById("boton").style.backgroundColor = "blue";
}, 1000)
}
Con este funcion, el Javascript va a esperar hasta 1000 milisegundos.