<html>
<head>
<script>
farby= new Array ("blue","red","green");
function modra() {
object1.innerHTML="<font color="+farby[0]+"></"+"font>";
}
function cervena() {
object1.innerHTML="<font color="+farby[1]+"></"+"font>";
}
function zelena() {
object1.innerHTML="<font color="+farby[2]+"></"+"font>";
}
</script>
</head>
<body>
</body>
<input type="button" Value="modra" OnClick="modra();">
<input type="button" Value="zelena" OnClick="zelena();">
<input type="button" Value="cervena" OnClick="cervena();">
<DIV id="object1"></DIV>
</html>
teraz tam je modre css a na tie gulicky by sa malo dat kliknut a zmeni sa css podla prislusnej gulicky 
