วิธีการ - สลับชอบและไม่ชอบ
สลับระหว่างปุ่มชอบ/ไม่ชอบด้วย CSS และ JavaScript
คลิกที่ไอคอนเพื่อสลับไปมาระหว่างยกนิ้วให้และคว่ำลง (ชอบ/ไม่ชอบ):
สลับ (ซ่อน/แสดง) องค์ประกอบ
ขั้นตอนที่ 1) เพิ่ม HTML:
ตัวอย่าง
<!-- 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>
ขั้นตอนที่ 2) เพิ่ม JavaScript:
ตัวอย่าง
function myFunction(x) {
x.classList.toggle("fa-thumbs-down");
}