Zmiana koloru przcisków

Question

Mam dwa przyciski: Przycisk 1 - Przycisk 2 i gdy wcisnę przycisk 1 zmieni on swój kolor ale gdy potem wcisnę przycisk 2 to przycisk 1  wróci do swojego poprzedniego stanu a przycisk 2 zmieni kolor. Proszę o pomoc bo nie wiem jak to zrobić a w internecie nie mogę nic znaleźć.

Answer 1

Najpierw pobierasz dany przycisk za pomocą querySelector:
https://developer.mozilla.org/pl/docs/Web/API/Document/querySelector

Przypisujesz zdarzenie click do przycisków za pomocą addEventListener()
https://developer.mozilla.org/pl/docs/Web/API/Element/addEventListener

A następnie funkcję, która zmienia style css lub dodaje/usuwa klasę (a w niej dajesz odpowiednie style do przycisku)
https://developer.mozilla.org/pl/docs/Web/API/Element/classList
 

Comments

Lepszą wersją jest ta z dodawaniem/usuwaniem klas, ponieważ zapewnia pełne rozdzielenie warstw CSS i JS