Stylizácia prvkov cez atribút style v JavaScripte

Poďme sa teraz naučiť pridávať CSS štýly prvkom. To sa robí zmenou atribútu style. Napríklad, na zmenu farby je potrebné vytvoriť nasledujúci reťazec: elem.style.color, a priradiť mu požadovanú hodnotu farby.

Pozrime sa na príklad. Majme nasledujúci prvok:

html<p id="elem">text</p>

Nastavme tomuto prvku červenú farbu:

javascriptlet elem = document.querySelector('#elem');
elem.style.color = 'red';
Задание 1

Daný je div a tlačidlo. Kliknutím na tlačidlo pridajte divu šírku, výšku a ohraničenie.