JavaScript verilerini göstermek için birçok yol bulunmaktadır.
- İnnerHTML kullanarak bir HTML öğesine yazma.
- Document.write () kullanarak HTML çıktısına yazma.
- Window.alert () öğesini kullanarak bir uyarı kutusuna yazma.
- Console.log () kullanarak tarayıcı konsoluna yazma.
Bir HTML öğesine erişmek için JavaScript document.getElementById (id) yöntemini kullanabilir.
İd özelliği, HTML öğesini tanımlar. İnnerHTML özelliği milosbet HTML içeriğini tanımlar:
<!DOCTYPE html>
<html>
<body>
<p>İlk Javascript Çalışmam.</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = "Hello World";
</script>
</body>
</html>
Burada demo olarak tanımlanmış paragrafın içerisinde “Hello World” yazacaktır. Bir HTML öğesinin innerHTML özelliğini değiştirmek, verileri HTML’de görüntülemek için yaygın bir yöntemdir.
Using document.write()
Test amacıyla, document.write () öğesini kullanmak uygundur:
<script>
document.write(5 + 6);
</script>Bir HTML belgesi yüklendikten sonra document.write () kullanılması, mevcut tüm HTML’leri siler:
<button type="button" onclick="document.write(5 + 6)">Try it</button>NOT: Document.write () yöntemi yalnızca test için kullanılmalıdır.
Using window.alert()
Verileri görüntülemek için bir uyarı kutusu kullanabilirsiniz:
<script>
window.alert(5 + 6);
</script>Using console.log()
Hata ayıklama amacıyla, verileri görüntülemek için tarayıcıdaki console.log () yöntemini çağırabilirsiniz. Bu değeri görmek için klavyeden f12 tuşuna basıp açılan pencereden “console” menüsüne tıklamanız gerekmektedir.
Daha sonraki bir bölümde hata ayıklama hakkında daha fazla bilgi edineceksiniz.
<script>
console.log(5 + 6);
</scriptJavaScript Print
JavaScript’in yazdırma nesnesi veya yazdırma yöntemi yoktur.
Çıkış cihazlarına JavaScript’ten erişemezsiniz.
Tek istisna, geçerli pencerenin içeriğini yazdırmak için tarayıcıdaki window.print () yöntemini çağırabilmenizdir.
<button onclick="window.print()">Print this page</button>JavaScript Eğitimleri, innerHtml, console.log,windows.print, document.write, windows.print,
