JavaScript tidak memiliki built-in cetak atau layar fungsi.
JavaScript Tampilan Kemungkinan
JavaScript dapat "display" data dalam berbagai cara:
- Menulis dalam kotak peringatan, menggunakan window.alert ().
- Menulis ke output HTML menggunakan document.write ().
- Menulis dalam sebuah elemen HTML, menggunakan innerHTML.
- Menulis ke konsol browser menggunakan console.log ().
Menggunakan window.alert ()
Anda dapat menggunakan kotak peringatan untuk menampilkan data:
<!DOCTYPE html>
<html>
<head>
<title>Latihanku</title>
</head>
<body>
<script>
window.alert(5 + 6);
</script>
</body>
</html>
Menggunakan document.write ()
Untuk tujuan pengujian, akan lebih mudah untuk menggunakan document.write ():
<!DOCTYPE html>
<html>
<head>
<title>Latihanku</title>
</head>
<body>
<script>
document.write(5 + 6);
</script>
</body>
</html>
Menggunakan document.write () setelah dokumen HTML sepenuhnya dimuat, akan menghapus semua HTML yang ada:
<!DOCTYPE html>
<html>
<head>
<title>Latihanku</title>
</head>
<body>
<h1>heading</h1>
<p>Paragraf</p>
<button onclick="document.write(5 + 6)">Proses</button>
</body>
</html>
document.write () metode harus digunakan hanya untuk pengujian.
Menggunakan innerHTML
Untuk mengakses sebuah elemen HTML, JavaScript dapat menggunakan metode document.getElementById (id).
Atribut id mendefinisikan elemen HTML. Properti innerHTML mendefinisikan konten HTML:
<!DOCTYPE html>
<html>
<head>
<title>Latihanku</title>
</head>
<body>
<p id="contoh"></p>
<script>
document.getElementById("contoh").innerHTML = 5 + 6 ;
</script>
</body>
</html>
Menggunakan console.log ()
Dalam browser Anda, Anda dapat menggunakan metode console.log () untuk menampilkan data.
Aktifkan konsol Browser dengan F12, dan pilih "Console" di menu.
<!DOCTYPE html>
<html>
<head>
<title>Latihanku</title>
</head>
<body>
<script>
console.log(5 + 6);
</script>
</body>
</html>
0 komentar:
Posting Komentar