Web sayfasında artı butuna tıklayınca sayıyı bir arttıran, eksi butonuna tıklayınca sayıyı bir azaltan javascript örneği…
JS & HTML
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 |
<body> <input type=button onclick="arttir()" value="+"> <input type=button onclick="azalt()" value="-"> <input type=button id="sonuc" value="0"> <script> function arttir(){ var sonuc=document.getElementById("sonuc"); sonuc.value=Number(sonuc.value)+1; } function azalt(){ var sonuc=document.getElementById("sonuc"); sonuc.value=Number(sonuc.value)-1; } </script> </body> |
CSS(resimdeki tasarımı elde etmek için)
|
1 2 3 4 5 6 7 8 9 10 11 12 13 |
<style> input[type="button"]{ width: 200px; height: 200px; border:none; font-size:3em; background: #FF6766; color:#E7E7E7; } </style> |
[divider]
HTML & JS & CSS Kodlarının tümü
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 |
<!doctype html> <html> <head> <meta charset="utf-8"> <style> input[type="button"]{ width: 200px; height: 200px; border:none; font-size:3em; background: #FF6766; color:#E7E7E7; } </style> <title>YAZILIM BİLİŞİM</title> </head> <body> <input type=button onclick="arttir()" value="+"> <input type=button onclick="azalt()" value="-"> <input type=button id="sonuc" value="0"> <script> function arttir(){ var sonuc=document.getElementById("sonuc"); sonuc.value=Number(sonuc.value)+1; } function azalt(){ var sonuc=document.getElementById("sonuc"); sonuc.value=Number(sonuc.value)-1; } </script> </body> </html> |
merhaba,
benim buna benzer biraz farklı bi isteğim var ama nasıl yapabilirim bilemiyorum.
+ tuşuna basınca artacak belli bir limit koyucam. yalnız online olarak üyeler veya ziyaretçiler artışı görebilecek. yani birisi bi yerden 100 e geldiğinde başka bi kullanıcı başka bi bilgsayardan 101 için artıya tıklicak? bunu nasıl yapabiliriz yardımcı olabilir misiniz?
iyi çalışmalar
ben bu durumu kullanmak istiyorum ama toplamda bunu begenı begenmeme durumu gibi toplamda 130 satırda ayrı ayrı kullanmak istiyorum
Merhaba,
Öncelikle paylaşımınız için çok teşekkürler.
Acaba değerin 0’dan az olmasını nasıl engelleyebiliriz. Yani Eksiye düşmesini nasıl engelleyebiliriz?
Bu konuda yardımcı olur musunuz lütfen
function azalt(){
var sonuc=document.getElementById(“sonuc”);
if(sonuc.value>0)
{
sonuc.value=Number(sonuc.value)-1;
}
}
Cihan Bey , if koşulları yapmanız lazım. Eğerki sayı 0’dan büyük ise değere +1 atarsınız. else ilede brake kodu ile koşul blogunu sonlandırırsınız. Böylelikle değer 0’a dayandıgında koşul blogu zaten çalışmayacaktır.