Gewusst wie: Umschalten zwischen „Gefällt mir“ und „Gefällt mir nicht“.
Wechseln Sie mit CSS und JavaScript zwischen einer Like/Dislike-Schaltfläche.
Klicken Sie auf das Symbol, um zwischen „Daumen hoch“ und „Daumen runter“ (Gefällt mir/Gefällt mir nicht) umzuschalten:
Umschalten (Ausblenden/Anzeigen) eines Elements
Schritt 1) HTML hinzufügen:
Beispiel
<!-- 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>
Schritt 2) JavaScript hinzufügen:
Beispiel
function myFunction(x) {
x.classList.toggle("fa-thumbs-down");
}