JavaScript Ekrana Yazdırma Yöntemleri – Tasarım Kodlama
JavaScript

JavaScript Ekrana Yazdırma Yöntemleri

JavaScript ile yaptığımız hesaplama sonuçları, değişken değerleri ya da istediğimiz bir metni ekranda yazdırmanın bir kaç farklı yolu bulunmaktadır. Şİmdi bu ekrana yazdırma yöntemlerini inceleyeceğiz.

  1. HTML elemanlarına yazdırma – innerHTML,
  2. HTML sayfasına yazdırma – document.write(),
  3. Açılır Uyarı Penceresine Yazdırma– alert(),
  4. Browser konsoluna yazdırma – console.log()

 

InnerHTML Kullanarak Ekrana Yazdırma:

InnerHTML basitçe herhangi bir html elemanı içerisindeki kodu almamıza ve html elemanının değerine de istediğimizi yazdırmamıza olanak veren javascript özelliğidir.

InnerHTML “document.getElementById(ID)” Şeklinde yazılır ve parantez içerisindeki “ID” değeri ile kod amacına ulaştırılır.

Bununla ilgili örnek yaparsak daha iyi anlayacağız.

innerHTML kullanarak herhangi bir alandan veri almak için.

innerHTML kullanarak herhangi bir html alanına veriyi yazdırmak için;

 

document.write() Kullanarak Ekrana Yazdırma:

document.write komutu genelde javascript kodlarını denemek amacı ile kullanılır ve kodların düzgün çalışıp çalışmadığını anlamak için hızlıca ekrana bastırılır.

document.write() metodu onclik komutu gibi etkileşimli metodlarla kullanıldığındasayfada geriye kalan HTML ögeleri kaybolacaktır.

 

alert() Metodu ile Ekrana Yazdırma:

Ekranda herhangi bir işlemden sonra uyarı penceresi çıkarmak istiyorsanız örneğin bir formun yanlış doldurulması gibi, açılır pencere şeklinde uyarı penceresi açtırabilirsiniz.

 

Bunun örneğini aşağıdaki butona tıklayarak görebilirsiniz.

console.log() Tarayıcı Konsoluna Yazdırma

JavaScript’ te console.log() diziler, nesneler üzerinde işlemler görüntülemek veya yazılan komutları daha performanslı hale getirmek ve ekrana yazdırmak için kullanılır.

Yukarıdaki sayfayı oluşturup tarayıcıda görüntülediğimizde dizi içeriğinin tarayıcıda görüntülendiğini göreceksiniz. Chrome için F12 ya da sağ tuş İncele dediğinizde aşağıdaki gibi bir görüntü ile karşılaşacaksınız. Buradan Console sekmesini tıklayarak dizi içeriği ile ilgili bilgilere ulaşacaksınız.

Yorum bırak