JAVASCRIPT İLE EKRANA YADA CONSOLA YAZDIRMA

Javascript ile sayfaya yazı eklemek iiçin document.write();  konsola yazdırmak için ise console.log() komutularını kullanıyoruz.  Sayfaya yazdırırken, parantez içerisinde yazılan yazılar aynı zamanda HTML duyarlıdır. Yani html biçiminde bir etiket yazılırsa ekranda o etiketin adı değil , işlevi görünür... Bakalım..

document.write()

Sayfaya yazı yazdırmak için document.write() komutunu kullanıyoruz.

<script>
    document.write("Javascript");
</script>

Burada, ekranda doğrudan  varsayılan yazı boyutunda ve tipinde "Javascript" yazacaktır. Ancak,

<script>
    document.write("<h1>Javascript</h1>");
</script>

şeklinde yazdığımızda, ekranda yine "Javascript" yazacak fakat bu kez yazı , H1 başlık stilinde olacaktır. document.write ile "" Tırnak içerisinde yazdığımız ifadeler (string) doğrudan ekranda yazdırlırken , tırnaksız yazdığımız ifadeler değişken olarak  değerlendirilir. 

<script>
    metin="İZMİR";
    document.write(metin);
</script>

Yukarıdaki kod bloğu ile ekranda "metin" değil metin değişkeninin içeriği olan "İZMİR"  yazacaktır.

console.log()

Javascript kodları çalıştığında  , tarayıcının F!' kısayol tuşu ile açılan incele kısmındaki konsol bölümünde script ve sayfa ile ilgili bilgileri alabiliyoruz. Herhangi bir javascript hatasında , bo bölüm bize hata hakkında bilgi verir. Bilersek console.log() komutuyla buraya test amaçlı bir şeylerde yazdırabiliriz. Buraya yazılanlar HTMl sayfa içerisinde görünmeyecektir.

<script>
    metin="İZMİR";
   console.log(metin);
</script>

Yukarıda script bloğu çalıştığında , console bölümünde aşağıdaki gibi "İZMİR" yazacaktır.