Web dünyasında uzun süredir var olmasına rağmen çok fazla üzerinde durulmayan bir ekrandır console ekranı. Fakat javascript ile web projeleri geliştiriken console ekranında nesnelerin değişimini, değişkenlerin durumunu görmek alert ile ekrana bastırmaktan çok çok daha iyidir.
Bu makaleden neden console ekranı kullanmak gerekir onu anlatacağım. Ancak benim yazdıklarımdan çok daha fazlasını console ekranında yapmak mümkündür. Bunu da şimdiden belirteyim.
Öncelikle tarayıcımızın console ekranı olup olmadığını öğrenmemiz gerkiyor. Tarayıcımızda F12 tuşuna bastığımızda altta açılan sekmelerden birinde console görünüyorsa tarayıcımızın console ekranı olduğu anlamına gelmektedir.(Tercih olarak sıklıkla Chrome Tarayıcısını kullanıyorum console ekranına geçmek için sağ tık incele ile console ekranına geçiyorum)
Peki Console ekranında veri nasıl gösterilir. İnceleyelim.
1 2 3 4 5 | <script> console.log("bu bir yazıdır"); </script> |
Basit bir şekilde console.log yazarak console ekranında yazıyı gösterdik. Şimdi gelelim. Console.log ve alert farkına
Bizinin değerlerini ekran görmek için alert kullandığımızda ekrana metinsel olarak virgüllerle ekrana yazdırıyor. Ancak console.log kullanırsak dizinin tüm değerlerini tanımladığımız şekilde ekranda görme şansına sahip oluyoruz.
1 2 3 4 5 6 7 | <script> var dizi=["ali","veli","ahmet"]; console.log(dizi); alert(dizi); </script> |
Tabi Sadece bu kadar değil örneği daha da derinleştirelim. Bir javascript nesnesine sahibiz ve bu nesneyi kontrol etmek için ekrana yazdırmak istediğimizde alert bize object yazısını döndürecektır.
Ama console log kısmına geçtiğimizde nesnenin özelliklerinden metodlarına kadar herşeyi görmek mümkün olacaktır.
1 2 3 4 5 6 7 8 9 10 11 | <script> var nesne={ ad:"Ahmet", soyad:"CAN", birlestir:function(){return ad+" "+soyad} } console.log(nesne); alert(nesne); </script> |
Sadece oluşturduğumuz nesneler değil html etiketlerini de kontrol etmek mümkün. Hatta etiketlerin içindeki olayların nasıl gerçekleştirildiğini etiketlerini hangi attribute değerlerini aldığını kontrol etmek ve yönetmek console ekrandında yapmak ve kontrol etmek web geliştiricileri için büyük kolaylıklar sunmaktadır.
Diğer Örnekler:
- JavaScript Hipotenüs Hesaplama Örneği
- JavaScript Sayısal Loto Örneği
- JavaScript Varmısın Yokmusun Örneği
- JavaScript Dizi İçindeki En Büyük En Küçük Sayıyı Bulma Örneği
- JavaScript Dikdörtgen Alan ve Çevre Hesaplama Örneği
- JavaScript Asal Sayı Kontrol Etme Örneği
- JavaScript Daire Alanı ve Çevresini Hesaplama Örneği
- JavaScript Faktoriyel Hesaplama Örneği
- JavaScript While Döngüsü Örnekleri
- JavaScript Metin İçinde Arama Yapma Örneği
- JavaScript Switch Case Kullanımı Örneği
- JavaScript Rastgele Sayı Üretme Örneği
- JavaScript Girilen Sayının Negatif Pozitif Olduğunu Bulan Örnek
- JavaScript Sayfa Arkaplan Rengini Rastgele Değiştirme Örneği
- JavaScript Dizi Metotları Örnekleri
- JavaScript Km-Mil Çevirme Örneği
- JavaScript Derece-Fahrenayt Çevirme Örneği
- JavaScript Gün İsmini Ekrana Yazdırma Örneği
- JavaScript Sayı Tahmin Oyunu Örneği
- JavaScript Console Log Kullanımı
- JavaScript Kürenin Hacmini Hesaplama Örneği
- JavaScript Üçgenin Alanını Hesaplama Örneği
- JavaScript Çarpım Tablosu Örneği
- JavaScript 3′ e ve 5′ e Tam Bölünebilme Örneği
- JavaScript Karenin Alanı ve Çevresini Hesaplama Örneği
- JavaScript Yazılı Ortalaması Hesaplama Örneği
- JavaScript Try-Catch-Finally Kullanımı Örneği
- JavaScript Div İçeriğini Temizleme Örneği
- JavaScript Switch-Case Kullanımı Örneği
- JavaScript Buttona tıklandığında Kod Çalıştırma Örneği
- JavaScript events(olay) kullanımı Örnekleri
- JavaScript For Döngüsü Karışık Örnekler
- JavaScript Tarih ve Saat Yazdırma Örneği
- JavaScript Fonksiyon Kullanımı Örneği
- JavaScript Vize Final Hesaplama Örneği
- JavaScript onInput Olay Kullanımı Örneği
- JavaScript Kayan Yazı Örneği
- JavaScript Kombinasyon Hesaplama
- JavaScript radio Kullanarak Dört İşlem Örneği
- JavaScript Toplama Çıkarma Çarpma Bölme Örneği
- JavaScript Sayfayı Tam Ekran Yapma Örneği
- JavaScript Fare Konumunu Öğrenme Örneği
- JavaScript Object Kullanımı Örneği
- JavaScript Kalan Karakter Bulma- Karakter Sayma Örneği
- JavaScript Mükemmel Sayı Kontrol Etme Örneği