JavaScript Ekrana Yazdırma

JavaScript ile yapılan hesaplamaların sonucunu, değişkenlerin değerini veya herhangi bir veriyi görebilmek için ekrana yazdırmamız gerekir.

Ekrana yazdırma işlemi;

• HTML nesnelerine yazdırma – innerHTML,
• HTML sayfasına yazdırma – document.write(),
• Uyarı pencersine yazdırma – alert(),
• Tarayıcı konsoluna yazdırma – console.log()

innerHTML kullanma

JavaScript ile HTML nesnelerini seçmek için genellikle document.getElementById(ID) yöntemi kullanılır.

Seçim işleminden sonra innerHTML özelliği ile seçilen HTML nesnesinin içeriğini değiştirebiliriz.

<p id="p1"></p>

<script>
  document.getElementById("p1").innerHTML = "Merhaba JavaScript";
</script>

document.write() kullanımı

JavaScript komutlarını test etmek ve sonuçları ekrana hızlı bir şekilde yazdırmak için document.write() metodu kullanılır.

<p>Burası bir paragraf</p>

<script>
  document.write("Merhaba JavaScript");
</script>

document.write() metodu bir olay sonucu kullanılırsa saydaki tüm HTML elemanları silinecektir.

<p>Burası bir paragraf</p>

<button onclick="document.write('Merhaba JavaScript')">Buraya tıkla</button>

alert() kullanımı

JavaScript verilerini uyarı mesajı olarak ekran yazdırmak için alert() metodunu kullanılır.

<p>Burası bir paragraf</p>

<script>
  alert("Merhaba JavaScript");
</script>

console.log() kullanımı

JavaScript Diziler, Nesneler üzerinde işlemler görüntülemek veya yazılan komutları daha performanslı hale getirmek ve ekrana yazdırmak için console.log() kullanabilirsiniz.

<p>Burası bir paragraf</p>

<script>
  console.log("Merhaba JavaScript");
</script>

NOT: Sonucu görebilmek için Tarayıcınızın Konsol Ekranı bölümünün aktif olması gerekir.

JavaScript Derslerine buradan ulaşabilirsiniz…

Hayırlı günler dilerim.