18 Mayıs 2015 Pazartesi

Js ile Beğeni sayısını gösterme yada beğenmeyen sayısını gösterme

bu yazımda sizlere faydalı olacağını düşündüğüm sürekli karşımıza çıkan, hani genellikle haber sitelerinde yorumlar listelenir her yoruma bir beğeni yada beğenmeye sayısı gösterilir ya bizimkisi de bu misal üzerine nasıl yapıldığını js kodlarıyla anlatağız İnşaAllah.

kodlarımız aşağıdaki gibidir.

<head>
 
  <!-- The template named "main" automatically renders into the document body -->
  <script type="text/spacebars" name="main">
    MapleStory Simulator
 <button id="number-a">{{a}}</button>
  </script>

  <script src="http://meteor.github.io/blaze/blaze-0.1.js"></script>
 
  <script>
var numberA = new Blaze.Var(1);
var numberB = new Blaze.Var(1);

Template.main.helpers({
  a: function () { return numberA.get(); },
  b: function () { return numberB.get(); },
  c: function () { return numberA.get() * numberB.get(); }
});

Template.main.events({
  'click #number-a': function () {
    numberA.set(numberA.get() + 1);
  },
  'click #number-b': function () {
    numberB.set(numberB.get() + 1);
  }
});
  </script>

</head>

örnek görmek için ise http://codepen.io/anon/pen/DIwty

Hiç yorum yok:

Yorum Gönder