Jquery ile Beğendim – Beğenmedim Uygulaması

Merhaba Arkadaşlar,
Bu makalede 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.

Html kodlarımız;

Dikkat : İconlar için fontawesome versiyon 5.6.1’i sayfamıza dahil ediyoruz.

Css kodlarımız;

Jquery kodlarımız;

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;

Şu makaleler de ilginizi çekebilir.

Animasyonlu Hamburger İcon Yapımı

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

JQuery Dersleri 11 – text(), html(), val() Kullanımı

JQuery Dersleri 4 – Olaylar

Yeni bir makalede görüşmek üzere.

Leave a Reply

TASARIMLARINIZDA KULLANABİLECEĞİNİZ TAM 150 FARKLI RENK PALETİRenkleri Göster
+ +