Jquery ile Beğendim – Beğenmedim Uygulaması

Bu yazımızda Css ve Jquery kullanarak beğen butonu nasıl yapılır onu öğreneceğiz. Özellikle Facebook gibi sitelerde bu tarz butonları çok görüyoruz. Kullanıcı paylaşılan birşeyi beğeniyorsa beğen butonuna tıklayarak bunu belirtir. Hatta bazı sitelerde beğenmedim butonu bile oluyor 🙂 Bu yüzden uygulamamıza ikisinide ekledim.

Konuyu daha fazla uzatmadan kodlarımıza geçelim.

 Önemli  İconlar için fontawesome versiyon 5.6.1’i sayfamıza dahil ediyoruz.

Css Kodları

Jquery Kodları

Kısaca yazdıklarımızı özetlersek;

► Class’ı like olan etiketin tıklanma anında, class’ı like-score olan etiketin değerini alıp int’e çeviriyoruz. Daha sonra 1 arttırıp tekrar yazdırıyoruz.

► Class’ı dislike olan etiketin tıklanma anında, class’ı dislike-score olan etiketin değerini alıp int’e çeviriyoruz. Daha sonra 1 arttırıp tekrar yazdırıyoruz.

Uygulamamızın Son Hali

Umarım sizin için faydalı bir yazı olmuştur.

Şu yazılar da ilginizi çekebilir.

Animasyonlu Hamburger İcon Yapımı

Jquery ile Butona Tıklayınca Metin Kutusundaki Sayıyı Artırmak ve Azaltmak

Yeni bir yazımda görüşmek üzere.

Yorum Yazın