Присвояване на клас на друг елемент при щракване

Много дълго време ме измъчваше въпросът как да направя следното: щраквам върху бутон и нещо се случва на страницата. Например червеният квадрат е оцветен в синьо. И тогава отново натискам същия бутон и квадратчето отново става червено? С други думи, как да промените класа на друг, като щракнете върху 1 елемент? Обичам CSS, така че правя всички промени в стила на елементите в него. Добре? Да направим?
Първо трябва да решите какво ще се случи. Създаваме квадрат, задаваме му клас. След това създаваме бутон. Когато натиснете бутона, вторият клас ще бъде присвоен на квадрата, а когато го натиснете отново, той ще бъде изтрит. Изглежда всичко е лесно.