كيفية تبديل المفضلة وغير المفضلة

استخدم 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");
}

تجربة بنفسك