JavaScript Çıktısı

JavaScript, herhangi bir yerleşik yazdırma veya gösterim fonksiyonu sunmaz.

JavaScript Gösterim Planı

JavaScript, verileri farklı şekillerde "göster"ebilir:

  • Kullanın window.alert() Uyarı penceresine yazın
  • Kullanın document.write(); HTML çıktısına yazın
  • Kullanın innerHTML HTML öğesine yazın
  • Kullanın console.log(); Tarayıcı konsoluna yazın

innerHTML ile kullanın

HTML öğesine erişmek için, JavaScript, aşağıdaki şekilde kullanılabilir: document.getElementById(id) Yöntem.

id Özellik, HTML öğesini tanımlar. innerHTML özelliği, HTML içeriğini tanımlar:

Örnek

<!DOCTYPE html>
<html>
<body>
<h1>İlk Web Sayfam</h1>
<p>İlk Paragraftım</p>
<p id="demo"></p>
<script>
 document.getElementById("demo").innerHTML = 5 + 6;
</script>
</body>
</html> 

Kişisel Deneyim

Açıklama:HTML öğelerinin innerHTML özelliğini değiştirmek, HTML'de verileri göstermenin yaygın bir yöntemidir.

document.write() kullanarak

Test amaçlı olarak document.write(); Daha kolay:

Örnek

<!DOCTYPE html>
<html>
<body>
<h1>İlk Web Sayfam</h1>
<p>İlk Paragraftım</p>
<script>
document.write(5 + 6);
</script>
</body>
</html> 

Kişisel Deneyim

Dikkat:HTML belgesi tamamen yüklendikten sonra kullanın document.write(); ekleyinTüm mevcut HTML'yi sil :

Örnek

<!DOCTYPE html>
<html>
<body>
<h1>İlk Web Sayfam</h1>
<p>İlk Paragraftım</p>
<button onclick="document.write(5 + 6)">Deneyin</button>
</body>
</html>

Kişisel Deneyim

Açıklama:document.write(); yöntemler yalnızca test amaçlıdır.

window.alert() kullanarak

Verileri göstermek için kullanabileceğiniz uyarı kutusunu kullanabilirsiniz:

Örnek

<!DOCTYPE html>
<html>
<body>
<h1>İlk Web Sayfam</h1>
<p>İlk Paragraftım</p>
<script>
window.alert(5 + 6);
</script>
</body>
</html> 

Kişisel Deneyim

console.log() kullanarak

Tarayıcıda, aşağıdaki console.log(); verileri göstermek için kullanılan

Tarayıcı konsolunu etkinleştirmek için F12'ye basın ve menüden 'Konsol' seçeneğini seçin.

Örnek

<!DOCTYPE html>
<html>
<body>
<h1>İlk Web Sayfam</h1>
<p>İlk Paragraftım</p>
<script>
console.log(5 + 6);
</script>
</body>
</html>

Kişisel Deneyim