چگونه می‌توانم لایک و دیس‌لایک را تغییر دهم

با استفاده از CSS و JavaScript می‌توانید بین دکمه‌های لایک/دیس‌لایک تغییر دهید.

با کلیک بر روی این آیکون می‌توانید بین لایک و دیس‌لایک (دوست‌داشتن/نمی‌داشتن) تغییر دهید:

تغییر (پنهان/نمایش) یک عنصر

قدم اول - اضافه کردن HTML:

<!-- اضافه کردن کتابخانه آیکون -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<!-- از یک عنصر برای تغییر بین آیکون‌های لایک/دیس‌لایک استفاده کنید -->
<i onclick="myFunction(this)" class="fa fa-thumbs-up"></i>

第二步 - اضافه کردن JavaScript:

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

آزمایش کنید