JavaScript'i Test Etmek
JavaScript'in yazdırma ya da çıktı verme gibi bir özelliği yoktur. JavaScript, sadece HTML Belgesinde yer alan nesneleri değiştirmek için kullanılır.
getElementById() Fonksiyonu
HTML nesnelerine erişmek için JavaScript'in
getElementById(id) kodunu kullanırız.
Yukarıdaki kodda parantez içinde yer alan
id, HTML nesnesini tanımlayan bir id özelliğidir. Aşağıdaki örnekte innerHTML ise tanımlanan nesnenin içeriğidir. Aşağıdaki kodu yazarak bir HTML nesnesinin içeriğini değiştirebildik:
JAVASCRIPT Kodu
<!DOCTYPE html>
<html>
<body>
<h1>Web Sayfam</h1>
<p id="para">İlk Paragraf</p>
<script>
document.getElementById("para").innerHTML = "Paragraf değişti.";
</script>
</body>
</html>
Yukarıdaki JavaScript kodu (<script> içindeki) web tarayıcısı tarafından çalıştırılır.
document.getElementById("para") bir javascript kodudur ve id="para" olan HTML nesnesini seçmemize yarar.
innerHTML = "Paragraf değişti"; kodu ise HTML içeriğini değiştirmeye yarar.
HTML Belgesine Yazdırmak
Sadece test amaçlı olarak HTML belgesine yazı yazdırmak için
document.write() kodunu kullanabilirsiniz.
JAVASCRIPT Kodu
<!DOCTYPE html>
<html>
<body>
<head>
<h1>Web Sayfam</h1>
</head>
<body>
<p>İlk paragraf</p>
<script>
document.write(Date());
</script>
</body>
</html>
NOT: document.write sadece test amaçlıdır.
Yüklemesi tamamlanmış bir HTML belgesinde kullanırsanız tüm elementler sıfırlanır.
Konsola Yazdırmak
Eğer tarayıcınız hata ayıklama özelliğine sahipse, console.log() kodunu kullanarak JavaScript değerlerini tarayıcınızın konsol bölümünde görebilirsiniz.
Konsol bölümüne erişmek ve hata ayıklamayı başlatmak için tarayıcınızda F12'ye basmalısınız.
JAVASCRIPT Kodu
<!DOCTYPE html>
<html>
<body>
<h1>Benim İlk Web Sayfam</h1>
<script>
a = 5;
b = 6;
c = a + b;
console.log(c);
</script>
</body>
</html>
NOT: Hata ayıklama, bilgisayar programlama dillerindeki hataları fark etmek ve azaltmak için kullanılır.