Sosyalmobile

< html dili = "tr" > < baş > < meta karakter kümesi = "UTF-8" > < meta name = "viewport" content = "genişlik=cihaz-genişliği, başlangıç-ölçeği=1.0" > < title > Zikirmatik < stil > vücut { 'Segoe UI' , Tahoma , Cenevre , Verdana , sans-serif ; metin hizalama: orta ; arka plan-rengi: #f8f8f8 ; 0 ; dolgu: 0 ; } .zikirmatik { arka plan-rengi: #ffffff ; dolgu: 20px ; sınır yarıçapı: 10px ; kutu-gölgesi: 0 0 10px rgba( 0 , 0 , 0 , 0.2 ) ; görüntüleme: satır içi blok ; } h1 { yazı tipi boyutu: 36px ; renk: #333 ; } #sayisi { yazı tipi boyutu: 48px ; renk: #008000 ; 20 piksel ; } düğme { dolgu: 10px 20px ; yazı tipi boyutu: 18px ; 5 piksel ; arka plan-rengi: #008000 ; renk: #fff ; sınır: yok ; sınır yarıçapı: 5px ; imleç: işaretçi ; } < gövde > < div class = "zikirmatik" > < h1 > Zikir Sayacı < h1 id = "sayisi" > 0 < butonu onclick = "arttir()" > Arttır < button onclick = "azalt()" > Azalt < butonu onclick = "sifirla()" > Sıfırla < komut dosyası > let sayi = localStorage.getItem( "zikirSayisi" ) || 0 ; fonksiyon arttir() { sayi++; guncelleSayi(); } fonksiyon azalt() { eğer (sayı > 0 ) { sayi--; guncelleSayi(); } } fonksiyon sifirla() { sayi = 0 ; guncelleSayi(); } guncelleSayi fonksiyonu () { document.getElementById( 'sayi' ).textContent = sayi; localStorage.setItem( "zikirSayisi" , sayi); } pencere.yükleme = fonksiyon () { guncelleSayi(); };