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.

Html Kodları

 Ö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

E-BÜLTEN ABONELİĞİ

Adını ve E-Posta adresini yazarak Html, Css, Javascript, Jquery, Bootstrap, Web Tasarım, C#, Asp.Net MVC, MSSQL ve daha birçok alanda ders anlatımlarından ve uygulamalı örneklerden anında haberdar olabilirsin.
ABONE OL
close-link