Öztürk Web | Html ve Javascript ile sayı tahmin oyunu

Html ve Javascript ile sayı tahmin oyunu

3 ay önce

Okuma Sayısı

852

Konu Kategorisi= Download  Kategoriye Git

Html ve Javascript ile sayı tahmin oyunu

Html ve Javascript ile sayı tahmin oyunu

Merhaba 

Bu gün size ortaokul öğrencisi kızımla birlikde yaptığımız bir sayı tahmin oyununu tanıtmak istiyorum. Fikir kızımdan çıktı şöyle ki okulda bilişim dersi öğretmeni kodlamadan bahsederken excel ile yapılan benzer bir oyundan bahsetmiş kızımda bunun internette çalışan versiyonunun yapılıp yapılamayacağını sorunca küçük bir araştırma ile zaten yapıldığını farkettik bizde bu hazır scripti alıp ufak bir html dokunuşuyla taşınabilir hale getirdik ve oynamaya başladık eh sizle paylaşmasak olmazdı buyrun kodlar 



<!DOCTYPE html>
<html lang="tr">
<head>
      <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({
          google_ad_client: "ca-pub-6254715623502915",
          enable_page_level_ads: true
     });
</script>
	<meta name="google-site-verification" content="SSFAj4tWlCw8Ugf6l4KClJka5-VfKRnveQj05T9iwHY" />
	<title>izemin oyunu</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body style="background-color: #4e23f6;">
     <!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=<?php echo $ayarcek['ayar_analystic']; ?>"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-103019117-1');
</script>

<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-T44CV2T"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<style>
  #sayiTahmin {
    width: 100%;
    text-align: center;
  }

  input,
  button {
    padding: 20px;
    text-align: center;
  }
</style>

<div style="margin: 15%; background-color: #f8db36;" >
	<h1 align="center">MERHABA <br> SAYI TAHMİN OYUNUMA HOŞ GELDİNİZ </h1>
<p align="center">
	<span>0 İle 100 Arasında Bir Sayı Tuttum. Bakalım Aklımdaki Sayıyı Bulabilecekmisiniz</span>
</p>
<p align="center">
	<span> Dikkat !!! Toplamda Sadece 10 Hakkınız Var :P <br> Yok Artık O Kadar da Değil SADECE 5 Hakkınız var :)</span>
</p>
<div id="sayiTahmin">
  <input type="text" id="sayi" />
  <button id="tahminEt" disabled>Tahmin Et</button>
  <button id="yeniOyun">Yeni OYUN</button>
  <p id="sonuc"></p>
  <br>
</div>

<div align="center">
	<p>
	<h2>MUSTAFA ADIYAMAN İMAM HATİP ORTA OKULU</h2>
	
	<h3>Sınıf : 6 / B </h3>
</p>

</div>
<footer align="center" style="background-color: #36e9f8; " >
	<h3>Kodlama Ve Tasarım :  Zeynep İzem Öztürk / Babiş Öztürk :)</h3>
</footer>
</div>
<script>
"use strict";
  var hakSayisi = 0;
  var rastgeleSayi = 0;
  var _tahminEt = document.getElementById("tahminEt");
  var _yeniOyun = document.getElementById("yeniOyun");
  var _sonuc = document.getElementById("sonuc");
  var _sayi = document.getElementById("sayi");

  _yeniOyun.onclick = yeni;
  _tahminEt.onclick = tahmin;

   function randomInt(min, max) {
    return Math.floor(Math.random() * (max - min + 1)) + min;
  }

  function yeni() {
    rastgeleSayi = randomInt(0, 99);
    hakSayisi = 5;
    _sonuc.innerHTML = "";
    _sayi.value = "";
    _tahminEt.disabled = false;
    _yeniOyun.disabled = true;
  }
  
  function tahmin() {
    if (hakSayisi == 0) return;
    var girilenSayi = parseInt(_sayi.value);
    var mesaj = "";
    if (isNaN(girilenSayi)) return;

    if (rastgeleSayi > girilenSayi) {
      mesaj = "Daha BÜYÜK değer deneyin";
    } else if (girilenSayi > rastgeleSayi) {
      mesaj = "Daha küçük değer deneyin";
    } else {
      mesaj = "Tebrikler!!!";
      _tahminEt.disabled = true;
      _yeniOyun.disabled = false;
    }
    hakSayisi--;
    _sonuc.innerHTML = mesaj
    _sonuc.innerHTML += "<br />"
    _sonuc.innerHTML += "Kalan hak sayısı : " + hakSayisi
    if (hakSayisi == 0) {
    	_sonuc.innerHTML = mesaj
    	_sonuc.innerHTML = "Maalesef Tahmin Hakkınız Kalmadı! Tuttuğum sayı = " + rastgeleSayi
      _tahminEt.disabled = true;
      _yeniOyun.disabled = false;
    }
  }
</script>

<!--Start of Tawk.to Script-->
		<script type="text/javascript">
			var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
			(function(){
				var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
				s1.async=true;
				s1.src='https://embed.tawk.to/59158a6e64f23d19a89b1d7e/default';
				s1.charset='UTF-8';
				s1.setAttribute('crossorigin','*');
				s0.parentNode.insertBefore(s1,s0);
			})();
		</script>
		<!--End of Tawk.to Script-->

</body>
</html>

izemin oyunu

 

MERHABA
SAYI TAHMİN OYUNUMA HOŞ GELDİNİZ

0 İle 100 Arasında Bir Sayı Tuttum. Bakalım Aklımdaki Sayıyı Bulabilecekmisiniz

Dikkat !!! Toplamda Sadece 10 Hakkınız Var :P
Yok Artık O Kadar da Değil SADECE 5 Hakkınız var :)

Tahmin EtYeni OYUN

 

 

MUSTAFA ADIYAMAN İMAM HATİP ORTA OKULU

Sınıf : 6 / B

 

Kodlama Ve Tasarım : Zeynep İzem Öztürk / Babiş Öztürk :)

Siz de bu kodların gerekli yerlerini değiştirerek istediğiniz gibi kullanabilirsiniz . 

Yapmanız gereken sadece yukarıdaki kodları bir metin belgesine yapıştırmak ve farklı kaydet seçeneğini seçip uzantısını html olarak değiştirmektir.

İYİ EĞLENCELER oyunu sitemde oynamak isterseniz  Oyuna buradan gidebilirsiniz

İşinizi İnternete Taşımak İstermisiniz ?