-
Notifications
You must be signed in to change notification settings - Fork 2
/
17-arttir-azalt.htm
121 lines (89 loc) · 3.62 KB
/
17-arttir-azalt.htm
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
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
<!DOCTYPE html>
<html>
<head>
<title>Arttırma/Azaltma Butonları</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="kutuphane/basic.css">
<script src="kutuphane/basic.js" type="text/javascript" charset="utf-8"></script>
<script>
/*
- Belli bir aralıkta, sayı seçmeyi sağlayan algoritma.
*/
// Taşıyıcı kutu.
var b1
// ilk çalışan fonksiyon.
var start = function() {
page.color = "lightgray"
// NESNE: Taşıyıcı
b1 = createBox(50, 50, 240, 60)
that.border = 0
that.round = 12
that.color = "white"
that.center("left")
that.bottom = 40
// NESNE: Eksiltme butonu.
b1.btnEksilt = createButton(5, 5)
that.text = "Eksilt"
that.textColor = "rgba(255, 255, 255, 0.9)"
that.color = "tomato"
that.width = 90
that.round = 12
that.minimal = 1
that.onClick(sayiEksilt)
// NESNE: Sayı.
b1.lblSayi = createLabel()
// Başlangıç sayısı.
that.text = "0"
that.textAlign = "center"
that.width = 50
that.height = 30
that.color = "transparent"
that.aline(b1.btnEksilt, "right")
// Hizaladıktan sonra, yukarıdan 10px daha aşağıya indir.
that.top += 10
// NESNE: Arttırma butonu.
b1.btnArttir = createButton()
that.text = "Arttır"
that.textColor = "rgba(255, 255, 255, 0.9)"
that.color = "cadetblue"
that.width = 90
that.round = 12
that.minimal = 1
that.aline(b1.btnEksilt, "right", 50)
that.onClick(sayiArttir)
// İlk oluşturulduğunda kontrol et ve güncelle.
butonlarınDurumunuGuncelle()
}
//tuşa basıldığında sayinın 1 arttırılmasını sağlayan fonksiyon.
var sayiArttir = function() {
//etiket (Label) nesnesindeki sayıyı 1 ile topla ve etikete geri yaz.
b1.lblSayi.text = num(b1.lblSayi.text) + 1
// Sayı değiştiğinde, kontrol et ve güncelle.
butonlarınDurumunuGuncelle()
}
//tuşa basıldığında sayinın 1 arttırılmasını sağlayan fonksiyon.
var sayiEksilt = function() {
// Etiket (Label) nesnesindeki sayıyı 1 ile topla ve etikete geri yaz.
b1.lblSayi.text = num(b1.lblSayi.text) - 1
// Sayı değiştiğinde, kontrol et ve güncelle.
butonlarınDurumunuGuncelle()
}
// Sayıya göre butonların durumunu ayarlayan fonksiyon.
var butonlarınDurumunuGuncelle = function() {
// Sayı 0 ile 10 arasında olabilir.
// Bu sınırların dışına çıkılamayacak şekilde butonları pasif yap.
if (b1.lblSayi.text == "10") {
b1.btnArttir.enabled = 0
} else if (b1.lblSayi.text == "0") {
b1.btnEksilt.enabled = 0
} else {
b1.btnArttir.enabled = 1
b1.btnEksilt.enabled = 1
}
}
</script>
</head>
<body>
</body>
</html>