Hur man växlar mellan gilla/ogilla

Växla mellan gilla/ogilla-knappar med CSS och JavaScript.

Klicka på ikonen för att växla mellan ja/nej (gilla/ogilla)

Växla (dölj/visa) ett element

Steg 1 - Lägg till HTML:

<!-- Lägg till ikonbibliotek -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<!-- Använd ett element för att växla mellan gilla/ogillaik.setIcon(); -->
<i onclick="myFunction(this)" class="fa fa-thumbs-up"></i>

Steg 2 - Lägg till JavaScript:

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

Prova själv