Scribd
Unggah
12 tayangan

JavaScript Output

Diunggah oleh

galaxyamiruddin
Hak Cipta
© © All Rights Reserved
Format Tersedia
Unduh sebagai DOCX, PDF, TXT atau baca online di Scribd
12 tayangan

JavaScript Output

Diunggah oleh

galaxyamiruddin
Hak Cipta
© © All Rights Reserved
Format Tersedia
Unduh sebagai DOCX, PDF, TXT atau baca online di Scribd
Anda di halaman 1/ 4

Materi “JavaScript Output” dari W3Schools menjelaskan berbagai cara

untuk menampilkan output dari program JavaScript di halaman web. Ada


beberapa metode yang umum digunakan untuk menampilkan output,
yaitu:

1. Menggunakan alert()

Fungsi alert() digunakan untuk menampilkan pesan dalam jendela dialog.


Ini adalah cara sederhana untuk memberikan umpan balik kepada
pengguna.

Contoh:

<!DOCTYPE html>

<html>

<body>

<script>

Alert(“Selamat datang di halaman web!”);

</script>

</body>

</html>

2. Menggunakan document.write()

Fungsi document.write() digunakan untuk menulis teks langsung ke dalam


dokumen HTML. Namun, metode ini umumnya tidak dianjurkan untuk
digunakan setelah halaman dimuat, karena akan menimpa konten yang
ada.

Contoh:
<!DOCTYPE html>

<html>

<body>

<script>

Document.write(“Ini adalah output dari document.write()”);

</script>

</body>

</html>

3. Menggunakan innerHTML

Metode ini memungkinkan Anda untuk mengubah konten elemen HTML


yang ada. Anda dapat menggunakan innerHTML untuk menulis output ke
dalam elemen tertentu di halaman.

Contoh:

<!DOCTYPE html>

<html>

<body>

<h1 id=”judul”>Judul Awal</h1>

<script>

Document.getElementById(“judul”).innerHTML = “Judul yang Diubah”;

</script>
</body>

</html>

4. Menggunakan console.log()

Fungsi console.log() digunakan untuk menampilkan output di konsol


pengembang. Ini berguna untuk debugging dan tidak akan terlihat oleh
pengguna di halaman web.

Contoh:

<!DOCTYPE html>

<html>

<body>

<script>

Console.log(“Pesan ini akan muncul di konsol.”);

</script>

</body>

</html>

5. Menggunakan Elemen HTML

Anda dapat menggunakan elemen HTML seperti <p>, <div>, dan lainnya
untuk menampilkan output di halaman. Dengan cara ini, Anda dapat
menulis teks ke dalam elemen tersebut menggunakan innerHTML atau
textContent.

Contoh:
<!DOCTYPE html>

<html>

<body>

<p id=”pesan”></p>

<script>

Document.getElementById(“pesan”).textContent = “Ini adalah output


dalam elemen <p>.”;

</script>

</body>

</html>

Kesimpulan

JavaScript menyediakan beberapa cara untuk menampilkan output,


masing-masing dengan tujuan dan penggunaan tertentu. Anda dapat
memilih metode yang paling sesuai untuk kebutuhan aplikasi Anda, baik
untuk memberikan umpan balik kepada pengguna, menulis konten ke
halaman, atau untuk tujuan debugging. Menggunakan console.log() dan
innerHTML adalah beberapa metode yang paling umum digunakan dalam
pengembangan web.

Anda mungkin juga menyukai