.NET\05_HtmlCssJavascript\04_BasicJavascriptArrays.js

                
                    // 1. yöntem:
//var oyunlar = new Array();
// 2. yöntem:
var oyunlar = []; // global değişken (tüm methodlardan ulaşılabilir)

// 1. yöntem:
//oyunlar[0] = "GTA 5";
//oyunlar[1] = "RDR 2";
//oyunlar[2] = "Half-Life 2";
//oyunlar[3] = "Diablo";
// 2. yöntem:
oyunlar.push("GTA 5"); // array'e eleman ekler
oyunlar.push("RDR 2");
oyunlar.push("Half-Life 2");
oyunlar.push("Diablo");
oyunlar.push("Fifa 23");

oyunlar.pop("Fifa 23"); // array'den eleman çıkarır

console.log("for üzerinden array elemanları:");
for (var i = 0; i < oyunlar.length; i++) {
    console.log(oyunlar[i]);
}

console.log("foreach üzerinden array eleman index'leri:");
for (var oyunIndex in oyunlar) {
    console.log(oyunIndex);
}

console.log("foreach üzerinden array elemanları:");
for (var oyun of oyunlar) {
    console.log(oyun);
}



var ayrac = "<hr />";

function oyunlariListele() {
    var oyunListesi = document.getElementById('oyunListesiId'); // local değişken (sadece bu method içerisinde ulaşılabilir)

    var i = 0;
    var oyunlarSonucu = "";
    if (oyunlar.length > 0) {
        while (i < oyunlar.length) {
            oyunlarSonucu += oyunlar[i++] + ayrac;
        }
        oyunlarSonucu = oyunlarSonucu.substring(0, oyunlarSonucu.length - ayrac.length); // başlangıç ve bitiş index'leri üzerinden substring döner
        oyunListesi.innerHTML = oyunlarSonucu;
    } else {
        oyunListesi.innerHTML = "Oyun bulunamadı.";
    }
}

function oyunAra() {
    var pSonuc = document.getElementById("pSonuc");

    var esitMi = document.getElementById("cbEsitMi").checked;
    console.log(esitMi);

    // 1. yöntem:
    // var oyunAdiValue = document.querySelector(".tbOyunAdiClass")[0].value;
    // 2. yöntem:
    //var oyunAdiValue = document.querySelector("#tbOyunAdiId").value;
    // 3. yöntem:
    //var oyunAdiValue = document.getElementsByName("tbOyunAdiName")[0].value;
    // 4. yöntem:
    //var oyunAdiValue = document.getElementsByClassName("tbOyunAdiClass")[0].value;
    // 5. yöntem:
    var oyunAdiValue = document.getElementById("tbOyunAdiId").value;

    oyunAdiValue = oyunAdiValue.trim().toLocaleUpperCase();
    // toUpperCase methodu da kullanılabilir eğer tarayıcının bölgesel ayarına göre büyük harfe dönüştürülmek istenmiyorsa,
    // küçük harfe dönüştürmek için de toLocaleLowerCase veya toLowerCase methodları kullanılabilir

    if (oyunAdiValue != "") {
        var aramaSonucuOyunlar = [];
        for (var oyun of oyunlar) {
            if (esitMi && oyun.toLocaleUpperCase() === oyunAdiValue) {
                console.log("eşit");
                aramaSonucuOyunlar.push(oyun);
                break;
            } else if (!esitMi && oyun.toLocaleUpperCase().includes(oyunAdiValue)) {
                console.log("içeren");
                aramaSonucuOyunlar.push(oyun);
            }
        }

        var aramaSonucu = "";
        for (var i = 0; i < aramaSonucuOyunlar.length; i++) {
            aramaSonucu += aramaSonucuOyunlar[i] + ayrac;
        }
        if (aramaSonucu.length > 0) { // if (aramaSonucu !== "")
            aramaSonucu = aramaSonucu.substr(0, aramaSonucu.length - ayrac.length); // C#'taki Substring methodu kullanımıyla aynı
        } else {
            aramaSonucu = "Oyun bulunamadı.";
        }

        pSonuc.innerHTML = aramaSonucu;
    } else {
        pSonuc.innerHTML = "Oyun adı girilmelidir.";
    }
}