basicjs-turkce/09-matematik-oyun.htm at main · bug7a/basicjs-turkce · GitHub

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
122
123
124
125
126
127
128
<!DOCTYPE html>
<html>
    <head>

        <title>Matematik Oyunu</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>

        /*

        ALGORİTMA:

        - Bir matematik sorusu soruyor ve verilen cevap kontrol ediyor.

        */

        // Metin kutusu nesnesi.
        var txtSonuc
        // Düğme nesneleri.
        var btnKontrolEt
        var btnYeniSoru

        // Sayıların saklandığı değişkenler.
        var say1
        var say2
        var islemNum
        var sonuc

        // İlk çalışan fonksiyon.
        var start = function() {

            page.color = "whitesmoke"

            // Metin kutusu nesnesini oluştur. Parametreler: left, top
            txtSonuc = createTextBox(50, 50)

            // Düğme nesnesini oluştur. Parametreler: left, top
            btnYeniSoru = createButton(50, 110)
            // Nesnenin üzerindeki yazıyı belirle.
            that.text = "Yeni Soru"
            that.color = "lightgray"
            // Nesneye basıldığında hangi fonksiyonun çalışacağını belirle.
            that.onClick(soruOlustur)

            // Düğme nesnesini oluştur.
            btnKontrolEt = createButton()
            // btnYeniSoru nesnesinin sağına, 10px boşluk bırakarak hizala.
            that.aline(btnYeniSoru, "right", 10)
            // Nesnenin üzerindeki yazıyı belirle.
            that.text = "Kontrol Et"
            // Nesneye basıldığında, kontrolEt() fonksiyonu çalışsın.
            that.onClick(kontrolEt)

            // Başlangıçta bir soru olustur.
            soruOlustur()

        }

        // Yeni bir soru oluşturan fonksiyon.
        var soruOlustur = function() {

            // Metin kutusunun içini temizle.
            txtSonuc.text = ""

            // Rasgele sayılar, 1 ile 20 arasında olsun.
            say1 = random(1, 20)
            say2 = random(1, 20)

            // Rasgele işlem
            islemNum = random(1, 3)

            // Not: işlemNum 1, 2, veya 3 olabilir.
            // 1: toplama, 2: çıkarma, 3: çarpma

            var soruMetin = " işleminin sonucu kaçtır?"

            // Eğer işlem toplama ise
            if (islemNum == 1) {
                sonuc = say1 + say2
                txtSonuc.title = say1 + " + " + say2 + soruMetin

            } else if (islemNum == 2) {
                sonuc = say1 - say2
                txtSonuc.title = say1 + " - " + say2 + soruMetin

            } else if (islemNum == 3) {
                sonuc = say1 * say2
                txtSonuc.title = say1 + " x " + say2 + soruMetin

            }

        }

        // Düğmeye basıldığında, işlem sonucunu kontrol eden fonksiyon.
        var kontrolEt = function() {

            // Eğer verilen cevap, sonuc değişkenine eşit ise,
            if (txtSonuc.text == sonuc) {
                txtSonuc.text = "Tebrikler, doğru."

            } else {
                txtSonuc.text = "Tekrar deneyin."

            }

        }

        /*

        GELİŞTİRME ÖNERİLERİ:

        - Metin kutusunun yanında, küçük (50x50) bir kutu olsun.
          Doğru cevap verildiğinde, "green" ve yanlış cevap verildiğinde, "red" renk ile boyansın.
        - Verilen toplam doğru ve yanlış cevap sayısı ekranda gösterilsin. Otomatik arttırılsın.

        */

        </script>

    </head>
    <body></body>
</html>