Bu yazımızda Javascript ile ekrana yazı yazdırma konusunu işleyeceğiz. Herhangi bir programlama dili öğrenirken belki de ilk öğrenilen şey olan ekrana yazdırma komutu, Javascript’te bir daha çeşitli hale geliyor. Yani ekrana bir şeyler yazdırmanın farklı yolları var. Şimdi bu yolları görelim.
- HTML sayfasına yazdırma – document.write(),
- HTML nesnelerine yazdırma – innerHTML,
- Uyarı penceresine yazdırma – alert()
HTML Sayfasına Yazdırma – document.write()
En temel ekrana yazdırma komutudur. document.write(); komutu içerisine yazılanlar direkt olarak HTML sayfasında görülür.
Kod :
<script>
document.write("evrenselkod.com");
</script>HTML Nesnelerine Yazdırma (innerHTML)
HTML ile yazdığımız nesnelerin içerisine (p, div vb.) document.getElementById(ID) komutu ile yazılar yazdırabiliriz.
Kod :
<p id="p1"></p>
<script>
document.getElementById("p1").innerHTML = "evrenselkod.com";
</script>Bu örnekte direkt olarak “p1” id’li paragrafın içerisine yazdırılcaktır.
Uyarı Penceresine Yazdırma – alert()
İsminden de anlaşılacağı üzerine bir uyarı penceresi açar ve yazdırılmak istenilenleri oraya yazar.
Kod :
<script>
alert("Merhaba JavaScript");
</script> Bu yazımızda Javascript dilinin ilk konusu olan Javascript ile ekrana yazı yazdırma komutlarını gördük. Tüm Javascript yazılarımızı okumak isterseniz buraya tıklayarak ulaşabilirsiniz.