Jak przełączać między "polubienie" a "niepolubienie"

Użyj CSS i JavaScript do przełączania między przyciskami "polubienie" i "niepolubienie".

Kliknięcie na ten ikon przełączy między poparciem i sprzeciwem (ulubionym i nieulubionym):

Przełącz (ukryj/pokaz) element

Krok 1 - Dodaj HTML:

<!-- Dodaj bibliotekę ikon -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<!-- Użyj jednego elementu do przełączania między ikonami polubienia i niepolubienia -->
<i onclick="myFunction(this)" class="fa fa-thumbs-up"></i>

Krok 2 - Dodaj JavaScript:

function myFunction(x) {
  x.classList.toggle("fa-thumbs-down");
}

Spróbuj sam