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.