Javascript + css zmena barvy v ramecku Problem – JavaScript, AJAX, jQuery – Fórum – Programujte.com

Dobry den
JavaScripty teprve zacinam ale dostal jsem zajimavy ukol.
Menit barvu pozadi ramecku po kliknuti na jiny ramecek. Napr: z oranzove do zelene po kliknuti ze zelene zpet na oranzovou. Chtel jsem to resit pomoci if:

function ZmenBarvu(){
if (document.getElementById('test').style.backgroundColor=="#FFCC80"){
document.getElementById('test').style.backgroundColor="#00FF00";

}

else{
document.getElementById('test').style.backgroundColor="#00FF00";
}
}
'test' je akorat ramecek ktery ma menit pozadi v prislusne barve a je nadefinovan v CSS

funkci pak volam takto:
<div id="barva" onclick="ZmenBarvu()" >
Zmen barvu
</div>


barva je opet nazev ramecku v CSS
Jenze mi to nefunguje. Nemuzu pry takto barvy srovnavat protoze mi pak prohlizec nevraci barvu ve formatu #aabbcc ale jaksi takto rgb(0,255,0)
Celkem chapu co ten format znamena ale nevim jak jej porovnavat.
Prosim nenapada vas jak to vyresit nebo to budu muset udelat uplne jinak? Dekuji predem. A prosim zkousim tento jazyk teprve tyden tak nejak jednoduse pokud to jde

Bud si najdi prehled barev (google "html colors"), pouzij nejaky graficky editor, nebo to tam proste napis anglicky slovne "yellow", "green"

Ide o to, ze pomocou javascriptu menis css vlastnosti. t.j. ak pouzijes style.backgroundColor = '#fff', alebo ='#ffffff', alebo ='white' alebo = 'rgb(255,255,255)', stale sa udeje to iste, (nastavi sa biela farba). Ale ak sa pokusas css vlastnost potom precitat, dostanes stale standardny vystup, rgb()...
Cize, mozes to riesit tak ze budes porovnavat retazec typu 'rgb(,,)' alebo si do nejakej vlastnej premennej ukladaj farbu aku tam mas a porovnavaj to iba s tou premennou.

var e = document.getElementById('test');

var farba = '#FFCC80';



if (farba == '#FFCC80')  e.style.backgroundColor=farba='#00FF00';

else e.style.backgroundColor=farba='#FFCC80';