Hoe KAN - Wisselen van leuk en niet leuk
Wissel tussen een vind-ik-leuk-knop met CSS en JavaScript.
Klik op het pictogram om te wisselen tussen duim omhoog en duim omlaag (vind ik leuk/niet leuk):
Een element wisselen (verbergen/tonen)
Stap 1) HTML toevoegen:
Voorbeeld
<!-- Add icon library -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<!-- Use an element to toggle between a like/dislike icon -->
<i onclick="myFunction(this)" class="fa fa-thumbs-up"></i>
Stap 2) JavaScript toevoegen:
Voorbeeld
function myFunction(x) {
x.classList.toggle("fa-thumbs-down");
}