Sådan skifter du ja/nej

Skift mellem ja/nej knapper med CSS og JavaScript.

Klik på dette ikon for at skifte mellem ja/nej (ligesindet/uligesindet):

Skift (skjul/vi) et element

Trin 1 - Tilføj HTML:

<!-- Tilføj ikonbibliotek -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<!-- Brug et element til at skifte mellem bedst liket og dårligst liket ikoner -->
<i onclick="myFunction(this)" class="fa fa-thumbs-up"></i>

Trin 2 - Tilføj JavaScript:

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

Prøv det selv