JavaScript Sonuçlarını Yazdırma Yöntemleri (Alert, Console.log vb..)

JavaScript verilerini veya sonuçlarını farklı yöntemlerle görüntüleyebiliriz. Bunlar:

 1 –  innerHtml ile bir Html öğesine yazdırabiliriz.

 2 –  document.write() ile bir Html çıktısına yazdırabiliriz.

 3 –  window.alert() ile bir uyarı kutusuna yazdırabiliriz.

 4 –  console.log() ile tarayıcı konsoluna yazdırabiliriz.

Şimdi sırasıyla bunların kullanımlarını inceleyelim.

Bir p etiketi tanımlayalım. Bu p etiketinin içeriğine innerHtml ile 5+12 işleminin sonucunu yazdıralım.

Tarayıcıdaki Görünümü

javascript-inner-html-ile-dokumana-yazdirma

document.write() Kullanımı

document.write() ile 5+12 işleminin sonucunu Html belgesine yazdıralım.

Tarayıcıdaki Görünümü

javascript-document-write-ile-dokumana-yazdirma

 Önemli :  Bir HTML belgesi yüklendikten sonra document.write () kullanılması, mevcut tüm HTML’leri siler.

Örneğin;

javascript-document-write-ile-dokumana-yazdirma

Gördüğünüz gibi sonucu yazdırırken mevcut tüm Html’ler silindi. Bu yüzden document.write() metodunu sadece test için kullanmalısınız.

window.alert() Kullanımı

JavaScript verilerini veya sonuçlarını bir uyarı kutusu ile görüntülemek istediğimiz durumlarda window.alert() metodunu kullanabiliriz.

Tarayıcıdaki Görünümü

javascript-alert-nedir-javascript-alert-kullanimi

console.log() Kullanımı

En çok tercih edilen yöntemdir. Özellikle hata ayıklama amacıyla bu yöntemi tercih edebilirsiniz.  

Tarayıcıdaki Görünümü

javascript-console-log-ile-sonuc-yazdirma

Umarım sizin için faydalı bir yazı olmuştur.

Şu yazılar da ilginizi çekebilir.

JavaScript Nedir? JavaScript Ne İşe Yarar?

Yeni bir yazımda görüşmek üzere.

Yorum Yazın

500+ ABONE ARASINA KATIL

Adını ve E-Posta adresini yazarak Html, Css, Javascript, Jquery, Bootstrap, Web Tasarım, C#, Bilgisayar, Telefon, Android, Veri Güvenliği ve daha birçok alanda ders anlatımlarından ve uygulamalı örneklerden anında haberdar olabilirsin.

Abone olduğunuz için teşekkürler.

Birşeyler yanlış gitti.