JavaScript herhangi yerleşik baskı veya görüntüleme fonksiyonları sahip DEĞİLDİR.
JavaScript Görüntü Olasılıklar
JavaScript can "display" farklı şekillerde veriler:
- Kullanarak, bir uyarı kutusu içine yazılması window. alert() window. alert() .
- Kullanarak HTML çıktısı içine yazma document. write() document. write() .
- Kullanarak, bir HTML öğesinin içine yazılması innerHTML .
- Kullanarak, tarayıcı konsoluna yazma console. log() console. log() .
Kullanılması window. alert() window. alert()
Verileri görüntülemek için bir uyarı kutusu kullanabilirsiniz:
Örnek
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p>My first paragraph.</p>
<script>
window.alert(5 + 6);
</script>
</body>
</html>
Kendin dene " Kullanma document. write() document. write()
Test amaçlı, kullanımı uygundur document. write() document. write() :
Örnek
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p>My first paragraph.</p>
<script>
document.write(5 + 6);
</script>
</body>
</html>
Kendin dene " Kullanma document. write() document. write() bir HTML belgesi tamamen yüklendikten sonra, tüm mevcut HTML silecektir:
Örnek
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p>My first paragraph.</p>
<button onclick="document.write(5 + 6)">Try it</button>
</body>
</html>
Kendin dene " document. write() document. write() metodu sadece test için kullanılır.
kullanılması innerHTML
Bir HTML öğesine erişmek için JavaScript kullanabilirsiniz document. getElementById(id) document. getElementById(id) yöntemi.
id niteliği HTML öğesini tanımlar. innerHTML özelliği HTML içeriğini tanımlar:
Örnek
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p>My
First Paragraph</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = 5 + 6;
</script>
</body>
</html>
Kendin dene " To "display data" HTML, (in most cases) bir değerini ayarlar innerHTML özelliği.
Kullanılması console. log() console. log()
Tarayıcınızın, sen kullanabilirsiniz console. log() console. log() verileri görüntülemek için bir yöntem.
F12 ile tarayıcı konsolu etkinleştirin ve seçmek "Console" menüsündeki.
Örnek
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p>My first paragraph.</p>
<script>
console.log(5 + 6);
</script>
</body>
</html>
Kendin dene "