Witam! Stworzyłem grę "Wisielca" z poradnika do JavaScript odcinka 3 Pana M.Z. .
Wszystko mi śmigało jak należy, więc postanowiłem dodać coś od siebie. Dodałem białe serduszka pod całą grą, które według mojego pomysłu po każdej błędnej odpowiedzi mają się zmieniać na czarne.
Każde serduszko jest dynamicznie generowane w pętli i stylowane w CSS jako jeden div ( użyłem before i after)
Problem na jaki napotkałem polega na tym, że nie mogę przy pomocy JQuery zmienić klasy danego serduszka po błędnej odpowiedzi. Jquery jest poprawnie podpięte, w innych miejscach tekstu ta biblioteka działa, jednakże w tej części kodu nie chce się odpalić. Wiem, że pomieszałem dużo czystego JSa z JQuery, ale wszystko brałem z odcinka Pana MZ, a potem dodawałem swoje i trochę miszmasz z tego wyszedł.
Pytanie nr. 1 - czy można mieszać "czystego" JS z JQuery? Wiem, że nie powinno się, ale chodzi mi o to, czy to zadziała w ogóle?
Pytanie nr. 2 - dlaczego w tej części kodu zmiana klasy nie chce zadziałać?
wklejam tę część kodu w której generują się serca a potem przy pomocy switcha miałyby zmieniać klasę po złym kliknięciu ( ale tego nie robią :D) : https://pastebin.com/0sQLJUHN