Javascript ipucu: Şartlı ifadelerin(if..else) kısa yazılımı

Bir çok kere lazım oldu ve aramak zorunda kaldım ve her aramam da 10-15 dakika kaybettim. En sonun da buraya yazmaya karar verdim. Malum kendi sitemde aramak daha kolay ve hatırda kalıcı oluyor. Birde sizlere de yardımı dokunur bir ihtimal diye yazıyorum.

Javascript'te if..else şartlı ifadesini herkes biliyor.

{% highlight javascript %} if(kosul) { //kosulun gerçekleşmesi halinde olacak olay } else { //kosulun gerçekleşmemesi halinde olacak olay } {% endhighlight %}

Bu kodu bir kere yazmak sorun değil ama bir çok programcı bilir ki bu bir kodlama da sadece bir kere yazılmaz ve çok fazla yazıncada bıkkınlık verir. Bizi düşünene javascript geliştiricileri bunu da düşünerek bize kısa bir yazım şekli sunmuşlar.

  1. koşul ? koşulun gerçekleşme durumu : koşulun gerçekleşmeme durumu;

Bir örnek yapalım.

{% highlight javascript %} durum = (yas >= 18) ? "yetişkin" : "küçük"; {% endhighlight %}

yas değeri 18'den büyük ve eşit olması durumunda durumdeğişikeninin değeri "yetişkin" değilse "küçük" olacaktır.

Kaynaklar

  • javascriptant.com/articles/28/the-conditional-operator-ternary-operactor
  • developer.mozilla.org/en/docs/Core_JavaScript_1.5_Guide:Operators:Special_Operators

Read more

CSS'de lightdark() fonksiyonuyla kolayca koyu / açık mod yazımı

CSS'de lightdark() fonksiyonuyla kolayca koyu / açık mod yazımı

Bir önceki yazımda bahsettiğim gibi CSS'in yeni özelliklerinin bazıları çığır açan özellikler, bazıları kulllanıcı deneyimini iyileştirme yönünde özellikler bazıları da lightdark() fonksiyonu gibi yazım kolaylığı sağlayan özellikler. lightdark() fonksiyonu mevcut uyumlu web yazımındaki büyük sorun olan aşağıdaki kullanımı daha anlaşılır ve düzenli hale getirmeye yarıyor. :root { color-scheme: light

By Fatih Hayrioğlu