Bugün ne öğrendim? -6 Javascript 2

Şimdi bir html sayfasına geçiyoruz.

<script src= “myscript.js”> </script
Bu komutu yazarak html dosyamız ile js dosyamızı bağlıyoruz.

Şimdi size yaptığım mini web uygulamamdan bahsetmek istiyorum. Eminim siz de TLC’deki Ağır Yaşamlar programını izliyorsunuzdur. O programdaki tüm ölçüler lbs olduğu için ben katılımcıların ağırlıklarının tam olarak anlayamıyordum. Bu problemimi çözmek için lbs ‘yi 0,454 ile çarptığımızı öğrendim.(çok zor olmadı.) Bu değerli bilginin ardından aşağıdaki uygulamayı yaptım.

https://nahroege.github.io/agiryasamlar/

Kaynak kodları da burada. Bu arada github’in çok tatlış bir özelliğini keşfettim. Bir ara onu da anlatacağım.(ANLATAMADI)

Hadi biraz da bugün ne öğrendiğimden bahsedelim.

Operatörleri gördüm öncelikle;

true
false

Bu çalışmayı bir önceki yazıdaki gibi konsolda yapıyoruz ve yukarıdaki gibi çıktı verecek.

Karşılaştırma Operatörleri

İki tane değişkeni birbiriyle kıyaslayabiliriz.

// Büyüktür
3> 2;
2> 3;

// Küçüktür
1 <2;

// Büyük veya eşittir
2> = 2;

// Küçük veya ona eşit
1 <= 3;

// Şimdi eşitliği tartışalım ve Javascript’te tuhaflıklar var!

// Eşitlik
2 == 2;
“username” == “username”;

// Eşitsizlik
2! = 3;

// Bir saniye bekle! Bununla ne oluyor?
“2” == 2;

// True döndürdü! Her ne kadar bu bazı programlar için hatalara neden olabilir!

JS zorlama tipini kullanır! Bu, nesneleri dönüştürmenin en iyi yolunu deneyeceği anlamına gelir.

// Hem değer hem de tür eşitliği kontrol etmenin bir yolunu istiyoruz!
// Bunu yapmak için başka bir eşittir işareti ekleyin!

// Değer ve tür eşitliği kontrol edilir
5 === 5;
5 === “5”;

// Değer ve tür eşitsizliğini kontrol et
5! == “5”;
5! == 5;

MANTIKSAL OPERATÖRLER

// Mantıksal Operatörler, çoklu karşılaştırma Operatörleri birleştirmemize izin verir!

// VE && ile yazılmıştır
// Her iki koşulun da true olması için 2 tarafında doğru olması gerekir
1 === 1 && 2 === 2;

// VEYA ||
// true olması için doğru olması gereken tek bir koşul gerekir
1 === 2 || 1 === 1;
// Temel olarak bir koşulun tersini kontrol etmenin bir yolu
! (1 === 1);

Şimdi de biraz IF’lerden ve For’lardan bahsedelim.

If yapısını incelemek istersek.

if(durum bir) {
//Kodlar
}else if (durum 2){
//Kodlar
}else {
//Kodlar

Bir örnek üzerinden bakmak gerekirse;

var hot = false
var temp = 60

if (temp > 80){
hot = true

}
console.log(hot)

// Set temp higher
var temp = 100

if (temp > 80){
hot = true

}

console.log(hot)

Eğer sıcaklık 80’den yüksekse true yazacak, düşükse false yazacak. Yukarıdaki kodda bunu anlatıyor.

Şimdi de biraz döngülerden bahsedelim. Öncelikle While
While’in temel işleyişi aşağıdaki gibidir.
while(durum){
//kodlar
}
Bir örnek üzerinden göstermek gerekirse;

var x = 0

while(x < 5){

console.log("x is currently: "+ x);
console.log("x is still less than 5, adding 1 to x");

// add one to x
x = x+1;

}

x<5 ise x değerine 1 ekleyip ekrana basıyor.

Döngü oluşturuken daha sık kullanılan For’dan bahsetmek istiyorum.

For’un genel yapısı aşağıdaki gibidir.
for(var i=0;durum 2;durum3){
//Kodlar
}
Bir örnek üzerinden bakmak gerekirse;

for (i = 0; i < 5; i=i+1) {
console.log(“Number is ” + i );
}

Burada eğer i<5 ise i’ye 1 ekleyecek ve consola Number is “i” yazdıracak.

Bugünlük bu benim öğrendiklerim bu kadar
















Bir Cevap Yazın

Aşağıya bilgilerinizi girin veya oturum açmak için bir simgeye tıklayın:

WordPress.com Logosu

WordPress.com hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap /  Değiştir )

Google fotoğrafı

Google hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap /  Değiştir )

Twitter resmi

Twitter hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap /  Değiştir )

Facebook fotoğrafı

Facebook hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap /  Değiştir )

Connecting to %s