Witam w jaki sposób po kliknięciu w przycisk za pomocą JS usunąć pseudoklase hover zeby przycisk nie zmieniał swojego koloru po najechaniu na niego ? I pozostał czarny

Dodać inną klasę, a selektor hover zmienić na:

element:not(.nowaklasa):hover{
}

Albo dodać do normalnego selektora selektor z .nowaklasa:hover.

Dodać nowa klasę za pomocą JS tj. addClass?

Jeśli dobrze rozumiem, że po kliknięciu chcesz aby hover już nie działało, to tak. Poprzez addClass.
Ewentualnie odwrotnie (być może to miał na myśli Comandeer) - element domyślnie ma mieć klasę i selektor z hover oparty o tą klasę, a podczas kliknięcia usunąć klasę.

Raczej chodziło mi o konstrukcję typu:


No i addClass to nie JS a jQuery. W JS to byłoby albo elem.className +=, albo elem.classList.add.

Dokładnie wszystkie elementy maja być aktywne z hover do momentu kiedy nie wybiorę najlepszej odpowiedzi jak klikne w ptaszka to kolor ma sie zmienić na zielony i zarówno ten jak i pozostale elementy maja być juz nieaktywne po najechaniu ma nie być efektu hovera klasa to #answer z hoverem #answer:hover i rozumianym ze musiałbym usunac ta pseudo klasę hover ?