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.

Yusuf SEZER

Yusuf SEZER

Computer Engineer who interested about web technologies, algorithms, artificial intelligence and embedded systems; constantly exploring new technologies.


Bunlara'da bakmalısın!