Basit Sayı Tahmin Etme Oyunu | JavaScript | Uygulama 1

JavaScript Kodu

//Oyun Değişkenleri
var dogruSayi = 60; // translate: "correcNumber" - "dogruSayi" 
var oyuncuTahmini = 0; // translate: "playerGuess" - "oyuncuTahmini"

//giriş ve çıkış alanlar
var input = document.querySelector("#input");
var output = document.querySelector("#output");

//buton
var button = document.querySelector("button");
button.style.cursor = "pointer";
button.addEventListener("click", clickHandler, false);

function clickHandler(){
 oyunOyna();
}

function oyunOyna(){
 oyuncuTahmini = parseInt(input.value);

 if(oyuncuTahmini > dogruSayi)
 {
  output.innerHTML = "Çok Yüksek";
 }
 else if(oyuncuTahmini < dogruSayi)
 {
  output.innerHTML = "Çok Düşük";
 }
 else if(oyuncuTahmini === dogruSayi)
 {
  output.innerHTML = "Doğru Tahmin!";
 }
}

HTML Kodu

<p id="output">0-99 sayıları arasında bir sayı tahmin et.</p>
<input type="text" id="input" placeholder="Sayı tahmini girin...">
<button>Tahmin et</button>

JavaScript Fonksiyon Örnekleri

Tek Argumentli Uygulama

JavaScript Kodu

function dayTime(txt){
 alert(txt);
}

HTML Kodu

<form>
    <input type="button" onclick="dayTime('Günaydın!')" value="Sabah">
    <input type="button" onclick="dayTime('Tünaydın')" value="Öğle">
    <input type="button" onclick="dayTime('İyi Geceler')" value="Akşam">
</form>

Çift Argumentli ve Dönüşlü (return) Uygulama

JavaScript Kodu

var x = topla(12,45);

function topla(x, y){
 return x + y;
}

document.getElementById("islem").innerHTML = x;

HTML Kodu

<p id="islem"></p>

JavaScript Veri Türleri

JavaScript değişkenleri birçok değişken türünü içerisinde bulundurabilir.

• String
• Number
• Boolean
• Array
• Object
• daha fazlası..

Aşağıdaki kod yapısını inceleyiniz.

var sayi = 13;      //number
var blogadi = "Sturdy Geek";    //string
var dizi = ["elma", "armut", "nar"];   //array
var insan = {gozRengi:"yeşil", sacRengi:"siyah"}; //object

Veri Türleri Kavramı

Programlamada Veri Türleri önemli bir kavramdır. Değişkenler üzerinde çalışırken türler hakkında bilgi sahibi olmamız oldukça önemlidir.

Şimdi biraz uygulamaya geçelim.

Öncelikle bir string veri türüne sahip değer ile number veri türüne sahip değeri aynı değişkene atarsanız JavaScript number veri türüne sahip değeri, string olarak yorumlayacaktır.

Aşağıdaki kod yapısında ne demek istediğimizi gösterelim.

var goster1 = "merhaba" + 12;
var goster2 = 12 + "merhaba";

document.getElementById("goster-1").innerHTML = goster1; // sonuç -> merhaba12
document.getElementById("goster-2").innerHTML = goster2; // sonuç -> 12merhaba

Ancak dikkat edilmesi gereken bir husus var. JavaScript yorumlanabilen yani interpreter bir programlama dilidir. Aşağıdaki kod yapısını dikkatle inceleyin.

var goster1 = "merhaba" + 12 + 2;
var goster2 = 12 + 2 + "merhaba";

document.getElementById("goster-1").innerHTML = goster1; // sonuç -> merhaba122
document.getElementById("goster-2").innerHTML = goster2; // sonuç -> 14merhaba

İşlemler yorumlanırken soldan sağa doğru gittiği için goster1 değişkeninin yazdıracağı değer ilk önce 12 ile 2 sayısının toplamı olur daha sonrasında ise string veri türü geldiği için elde edilen 14 sayısıda string olarak yorumlanır. goster2 değişkeninin değerleri doğrudan string ile başladığı için ondan sonra gelen değerlerde string olarak yorumlanır.

JavaScript Dinamik Türleri

JavaScript'in dinamik türleri de vardır. Bunun anlamı aynı değişkende farklı türleri kullanabiliriz demektir.

var slm;   //değişken şu an tanımsız (undefined)
var slm = 12;  //değişken şu an bir number
var slm = "arda";  //değişken şu an bir String