Cách chuyển đổi thích và ko thích

Sử dụng CSS và JavaScript để chuyển đổi giữa nút thích/ko thích.

Nhấp vào biểu tượng này để chuyển đổi giữa ủng hộ và phản đối (thích/ko thích):

Chuyển đổi (ẩn/hiện) một phần tử

Bước 1 - Thêm HTML:

<!-- Thêm thư viện biểu tượng -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<!-- Sử dụng một phần tử để chuyển đổi giữa biểu tượng thích/ghét -->
<i onclick="myFunction(this)" class="fa fa-thumbs-up"></i>

Bước 2 - Thêm JavaScript:

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

Thử ngay