TEMEL JAVASCRİPT KODLARI

				
					//   Arrayler 

//dizi oluşturma
 var array =["araba","b","c"];

 //dizide eleman çağırma
 alert(array[0]);

 //eleman ekleme 

 array[4]="d";

 array.push("go");

 //eleman sayısı bulma

 alert(array.length);

 //for döngüsü

 for (let i = 0; i < 10; i++) {
   console.log("i ni değeri: "+i);
     
 }

 //while döngüsü
 
 var i = 0; 
 while (i<100) {
    
   console.log ("Çift i nin değerleri: " +i );
    i+=2;
 }
 

//Arraydeki sayıları tek tek gezinme
 var sayilar = [32,5,1,100,-1,90];

 for (let i = 0; i < sayilar.length; i++) {
     const element = sayilar[i];
     console.log(element);
     
 }

 //arraylerde foreach methodu ile dizilerde gezme işlemi 

    sayilar.forEach(function(sayi){

        console.log("eleman: "+sayi);

    });

//koşul Durumları
var a = 5 ;
var b = 6 ;

if (a==b) {

  console.log("eşit");

    
}
else{
    console.log("değil.");
}

//javascript iki tane değişkeni yani int ve char tipi değişkeni birbiriyle == operatörü ile 
//kıyaslıyor örneğin if (2 == "2) eşitmiidir sorusuna eşittir cevabı veriyor. engellemek için === üç tane 
eşittir konularak hem değerlerin hem veritipkerinin aynı olması lazım.

//&& and operatörü hepsi true olmalı herhangisi bir tanesi false olursa  yanlış olur.
//|| operatörü bir tek true varsa bile hepsi true olur.
//!  ture  yu false false u true yapar 

//Swith case
var islem = 4;

switch ( islem )
{
    case 1 : 
        console.log("işlem 1");
        break;
    case 2 : 
        console.log("işlem 2");
        break;
    case 3 : 
        console.log("işlem 3");
        break;
    case 4 : 
        console.log("işlem 4");
        break;
    default: 
        console.log("Geçersiz İşlem");
}

//Fonksiyon tanımlama değersiz
    function selamla ()
    {
        console.log("selamm");
    }

    selamla();
// fonksiyon tanımlama değerli 

function slm (isim)
{
    console.log("Selam"+isim);
}


slm("  ahmet");
//fonksiyon işlem yapma 
function toplama ( a,b,c)

 {
    console.log("toplamları: "+(a+b+c));
 }

 toplama(5,3,2);

 //return değeri olayı 

 // return fonsiyonda döndürülmek istenen bir 
 // durumda kullanılır.

 function toplamak ( a,b,c)

 {
     return a+b+c ;
 }

 var toplam = toplamak(3,4,5);

 console.log(toplam);
//return birden çok fonklsiyon kullanılıcağında birden fazla çıktı alınacağında kullanılır.

//OOP object basic bir dil 

//obje oluşturma.
//normalde bir değişkenb int char boolean giibi değerler alır.
//ama objeler değişik method ve değişk yontemler eklenebilir

//obje ooluşturma 
var calisan = {
    isim: "Ahmet",
    soyisim :"KARABUDAK",
    numara: 123456,
    diller: ["PHP","JAVA","C++"]


};

console.log(calisan.isim);
console.log(calisan.soyisim);
console.log(calisan.numara);
console.log(calisan.diller);

//obje içinde obje oluşturma.

var araba = {
    isim: "dacia",
    model : 2018,
    seri_numara: 123456,
    içindekiler: ["radio","stepne","plakalık"],
    //obje içindeki obje kısımı 
    sahibi: {
        isim: "Ahmet",
        soyisim :"KARABUDAK",
        numara: 123456,
        evlatlar :["ali","akif","ayşe"]
    }


};

//ulaşmak istediklerimize en dışardakinden en içeriye doğru
//ekleme yapıyoruz
console.log(araba.sahibi.isim);
console.log(araba.sahibi.evlatlar);

//obje içinde fonksiyon oluşturma

var calisan = {
    isim: "Ahmet",
    soyisim :"KARABUDAK",
    numara: 123456,
    diller: ["PHP","JAVA","C++"],
    isimBilgileri: function()
    {
        return "İsmi: "+this.isim + " Soyisim : "+this.soyisim ;
    }

};
console.log(calisan.isimBilgileri());

//yeni obje çeşitleri oluşturma.

var calisanx = new Object();

calisanx.isim ="ahmet";
calisanx.soyisim="AK";
calisanx.Bilgileri = function(){
    return "isimbilgileri "+ this.isim +" "+ this.soyisim;
};

console.log(calisanx.isim);
console.log(calisanx.soyisim);
console.log(calisanx.Bilgileri());
*/
//TEKBİR FONKSİYON OLUŞTUŞTURUP O FONKSİYONDAN İSTENİLEN KADAR
//ELEMAN TÜRETME İŞLEMİ
/*
function Calisan (isim,soyisim,numara)
{
    this.isim=isim;
    this.soyisim=soyisim;
    this.numara = numara;
    this.bilgileriGöster = function()
    {
        return " isim: "+ this.isim + "\n Soyisim: " +this.soyisim + "\n Numara: "+ this.numara;

    }

}
 var calisan1= new Calisan ("Mustafa","Coskun",12124);
 var calisan2= new Calisan ("akif","kar",4514);
 var calisan3= new Calisan ("Yavuz","aktaş",1324);

 console.log (calisan1.bilgileriGöster());
 console.log (calisan2.bilgileriGöster());
 console.log (calisan3.bilgileriGöster());

 //------------------------------------------------İVENT------------------------------------------------
//                                              İKİNCİ KISIM

function tikla (element)
{
    alert("BUTONA TIKLANDI ");
    element.innerHTML =" butona tıklandı";
  
    
}
//innerHTML içeriğindeki htmli değiştirmek için yazılan kod dizini.
// paragraf Rengini değiştirme

function renkdegistir()
 {
     //id sine göre eelement seçmemizi sağlıyor. 
     var element =document.getElementById("paraf1");
     //renk değiştirme js komutlarıyla 
     element.style.color="red";

 }

 function mouseover(){
     var element = document.getElementById("paraf2");
     element.innerHTML="Mouse Over EFFECT";

}
 
  function mouseout(){
    var element = document.getElementById("paraf2");
    element.innerHTML="PARAGRAF2";

  }