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>

 

30,238 Okunma Henüz yorum yapılmamış 19/04/2022 13:33:50 19/04/2022 16:35:57

Yorumunuzu Ekleyin
Görsel Liste


DropDown Menü Uygulaması

Çok küçük kodlarla oluşturulmuş harika bir DHTML menü örneği

25,219 okuma,

Fonksiyonlar

21,600 okuma,

Olaylar (Events)

24,884 okuma,

Fare Uygulamaları

24,182 okuma,

Tablo İşlemleri Örneği

HTML derslerinde tablolarla ilgili sayfalarımızda bir çok parametre öğrenmiştik. Ayrıca CSS derslerinde sınır çizgileri, dışkenar ve içkenar boşlukları hakkındaki sayfalarımızda birçok özellik yer alıyordu. Bu parametreleri ve stil özelliklerini id ile isimlendirilmiş tüm tablolar üzerinde JavaScript kodlarıyla uygulayabiliyoruz

28,164 okuma,

Pencere Uygulamaları

21,925 okuma,

Dinamik İçerik Eklemek

30,023 okuma,

Sayfadaki Nesnelere Erişim

22,544 okuma, 13/01/2014

Sayfadaki Formlara Erişim

22,786 okuma,

Arka Plan Uygulamaları

29,335 okuma,

Filitre Uygulamaları

22,173 okuma,

Resim Değiştirme Uygulamaları

27,056 okuma, 19/04/2022

Resim Hareketlendirme

27,824 okuma,

OnSubmit() Uygulamaları

22,547 okuma,

Tab Menu Uygulamaları

Basit javascript kodlarıyla yapılabilen bir tab menü uygulaması

23,962 okuma,

Sayıları Roma Rakamına, Roma Rakamlarını sayılara çeviren uygulama

24,709 okuma,

X Ekseni girilen bir nesnenin ekranda kayması

Bir textbox yardımı ile ekrandaki bir çiçeğin girilen koordinatlara göre hareketini sağlayan uygulama

22,036 okuma, 26/04/2022

Javascriptle Form Kontrolü

Basit bir forma ait nesnelerin javascript yardımı ile kontrol edilmesi

36,402 okuma,

IF Kulanımı

if birçok uygulamanın merkezinde kullanılan bir komuttur.

18,983 okuma, 10/01/2014

Javascript Basit Hesap Makinesi

Basit javascript kodları kullanılarak yapılmış Hesap Makinesi uygulaması

6,334 okuma, 05/04/2022

Geometri, Fizik, Matematik Formüllerini Javascript Fonksiyonuna Çevirme

2,875 okuma, 26/04/2022

HTML Kodu Üreten Javascript

Bir kodu aynı sayfa içinde 500 kez tekrarlamak için javascript yeteneklerinden faydalanabiriliz.

2,856 okuma, 10/05/2022

Basit Sürükle Bırak Uygulaması

2,867 okuma, 10/05/2022

Sayaç(Counter) Uygulaması

2,968 okuma, 10/05/2022

Javascript İle Yapılmış Puantaj (Scoreboard) Uygulaması

3,003 okuma, 10/05/2022

Yükleniyor...
    Yükleniyor...