Sayı Tahmin Oyunu

Date() ve Random() kullanılarak yapılmış bir sayı tahmin oyunu

  Sayı Tahmin Oyunu

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <body>
    <script type="text/javascript">
        <!--

        Zaman=new Date();

        RastGeleSayi=Math.random();
        Sayi=parseInt(RastGeleSayi*100);

        k=0;
        BaslangicDakikasi=Zaman.getMinutes();

        do{
            GecenDakika=(1+Zaman.getMinutes()-BaslangicDakikasi);

            Cevap=prompt((++k)+" Tahmininiz için Sayı Giriniz, Geçen Dakika " + GecenDakika);

            if(Cevap!=Sayi){
                alert((Cevap<Sayi?"Büyük":"Küçük")+" Giriniz");
            }

        }while(Cevap!=Sayi);

        alert("Bravo Bildiniz Tutulan Sayı " + Sayi + " Harcadığınız Dakika " + GecenDakika);
       
        //-->
    </script>
  </body>
</html>
 

Sayı Tahmin Oyunu  Sayı Tahmin Oyunu

 

Örnek 2

Sayı Tahmin Oyunu

<!DOCTYPE html>
<html>
    <head>
        <title>Sayı Tahmin Oyunu</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">

        <style>
            .Kutu {
                display: block;
                width: 100px;
                height: 100px;
                color:white;
                font-size: 36px;
                background-color: crimson;
                text-align: center;
                float:left;
            }
            .Baslik {
                height: 20px;
                border-bottom: 3px solid white;
                font-size: 12px;
                background-color: crimson;
                text-align: center;
                color:white;
            }
            .Dugme {
                background-image: url(DUGME.png);
                border: none;
                background-color: transparent;
                background-size: cover;
                background-repeat: no-repeat;
                margin: auto;
                display: block;
            }
            .KutuIpUcu {
                display: block;
                width: 400px;
                height: 100px;
                background-color: crimson;
                text-align: center;
                float:left;
                color:white;
            }
            .KucukFont {
                font-size: 16px;
            }
        </style>
    </head>
    <body>

       
<script>

            var TahminEdilecekSayi, Kez = 0, TahminEdilenler="";

            function TahminOyunu() {

                TahminEdilecekSayi = Math.random() * 100;
                TahminEdilecekSayi = parseInt(TahminEdilecekSayi); //küsürat atılıyor

                //alert(TahminEdilecekSayi);
                document.getElementById("TahminSayisi").innerHTML = TahminEdilecekSayi;

                do {
                    Kez++;
                    Cevap = prompt("Sayı tahmininiz nedir?");

                    TahminEdilenler += " " + Cevap
                           
                    if (Cevap > TahminEdilecekSayi) {
                        KucukMuBuyukMu = "büyük";
                    } else {
                        KucukMuBuyukMu = "küçük";
                    }
                   
                    document.getElementById("IpUcu").innerHTML = "Tahminin tuttuğum sayıdan " + KucukMuBuyukMu + " <br><br>" + TahminEdilenler;

                    document.getElementById("DenemeSayisi").innerHTML = Kez + ". deneme";

                } while (Cevap != TahminEdilecekSayi);

                document.getElementById("IpUcu").innerHTML = "Bravo, ama " + Kez + " denemeden sonra bildin. <br><br>" + TahminEdilenler;
            }
        </script>


        <div style="height:100px; width: 600px; margin:auto;">
            <div class="Kutu">
                <div class="Baslik">Tutulan Sayi</div>
                <div id="TahminSayisi"></div>
            </div>

            <div class="KutuIpUcu KucukFont">
                <div class="Baslik">İp Ucu</div>
                <div id="IpUcu"></div>
            </div>

            <div class="Kutu KucukFont">
                <div class="Baslik">Deneme Sayısı</div>
                <div id="DenemeSayisi"></div>
            </div>
        </div>
        <input type="button" onclick="TahminOyunu()" value="Oyunu Baslat" class="Dugme" />
    </body>
</html>

 

Yorumunuzu Ekleyin

Fonksiyonlar
Olaylar (Events)
Fare Uygulamaları
Pencere Uygulamaları
Sayfadaki Nesnelere Erişim
Filitre Uygulamaları
Resim Değiştirme Uygulamaları
Basit Sürükle Bırak Uygulaması
Sayaç(Counter) Uygulaması
Yükleniyor...