Bagaimana untuk beralih disukai dan tidak disukai

Gunakan CSS dan JavaScript untuk beralih antara tombol disukai dan tidak disukai.

Klik ikon ini untuk beralih antara setuju dan menolak (disukai/tidak disukai):

Beralih (sembunyikan/tampilkan) satu elemen

Keselamatan pertama - Tambahkan HTML：

<!-- Tambahkan pustaka ikon -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<!-- Gunakan satu elemen untuk beralih antara ikon suport dan menolak -->
<i onclick="myFunction(this)" class="fa fa-thumbs-up"></i>

Keselamatan kedua - Tambahkan JavaScript：

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

Try It Yourself