Sayı Tahmin Oyunu
Date() ve Random() kullanılarak yapılmış bir 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>
<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>
Örnek 2
<!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>
<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>
<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>
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