)
Not: jQuery bulunmayan sayfada çalışmaz.
Kod:
<div class="kutu">100</div>
<div class="kutu">200</div>
<div class="kutu">30</div>
<div class="kutu">40</div>
<div class="kutu">55</div>
<div id="yaz"></div>
<style>
.kutu {
padding : 10px;
background : red;
width : 20px;
height : 20px;
position : relative;
float : left;
margin-right: 5px
}
</style>
<script>
//belge yüklendikten sonra çalıştırılacağını söyler
$(function(){
//on fonksiyonu ile belirtilen tüm nesnelere olayı dahil edilir..
$(".kutu ").on('click',function(){
// div içindeki değerleri okumak için html() metodu kullanılır.
//$(this) aktif olan nesneyi ifade eder.
//$(this) ile tıkladığımız nesneyi seçeriz.
var sayi1=Number($(this).html());
var sayi2=Number($("#yaz").html());
//deger değişkenindeki yazıyı #yaz nesnesinin içine yazarız.
$("#yaz").html(sayi1+sayi2);
});
});
</script>