Problema con DOM y asignacion

[kinhack]

Hola, tengo el siguiente codigo

Código Javascript:

window.onload=function(){
 
    document.getElementById("am").onclick = document.bgColor="yellow";
    document.getElementById("az").onclick = document.bgColor="blue";
    document.getElementById("ro").onclick = document.body.style.backgroundColor="red";
 
}
 

y el problema es que cuando abro la pagina toma el color de fondo del ultimo, en este caso rojo y si quito el rojo queda azul, y cuando hago click en cualquier boton no hace lo que debería.

como seria para que al presionar un boton el color de fondo del doc cambie?
usando esta estructura de manejadores de eventos.


si lo pongo de esta forma

Código Javascript:

document.getElementById("am").onclick(document.bgColor="yellow");
    document.getElementById("az").onclick(document.bgColor="blue");
    document.getElementById("ro").onclick(document.body.style.backgroundColor="red");
 

entonces toma el valor del primero(amarillo en este caso)

[kinhack]

lo he solucionado llamando una funcion

Código Javascript:

document.getElementById("am").onclick=amarillo;
    document.getElementById("az").onclick=azul;
    document.getElementById("ro").onclick=rojo;
 

pero me gustaría saber por que no funcionaba de la forma anterior si la funcion tiene exactamente el mismo codigo?