JavaScript Çıktısı
- Önceki Sayfa JS Kullanımı
- Sonraki Sayfa JS Cümleleri
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>
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>
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>
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>
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>
- Önceki Sayfa JS Kullanımı
- Sonraki Sayfa JS Cümleleri