Lompat ke konten Lompat ke sidebar Lompat ke footer

Membuat Pesan Konsol Menggunakan console.log DOM HTML

Method console.log() pada html digunakan untuk membuat pesan pada bagian console. Method ini mengindikasikan pesan penting yang muncul selama proses pengujian pada jenis program apapun. Pesan yang dikirim oleh method console.log() berupa pesan dalam bentuk parameter.

2 Contoh Penggunaan Method console.log() DOM pada HTML
Ilustrasi Method console.log() DOM HTML

Sebelum memahami lebih dalam materi tentang Membuat Pesan Konsol Menggunakan console.log DOM HTML, terlebih dahulu pelajari materi tentang: Menulis Pesan Menggunakan console.info DOM HTML [klik], Method console.groupEnd DOM HTML dan Fungsinya [klik], dan Method console.groupCollapsed DOM HTML dan Fungsinya [klik].

Sintak:
console.log( message )

Parameter: method ini menerima pesan parameter tunggal yang sifatnya wajib dan digunakan untuk informasi spesifik yang ditulis pada console.

Baca Juga:

Berikut adalah ilustrasi method console.log() pada html.

Contoh:

<!DOCTYPE html>

<html>

 

<head>

<title>

Method console.log() DOM

</title>

 

<style>

h1 

{

color: green;}

 

h2 

{

font-family: Impact;}

 

body 

{

text-align: center;}

</style>

</head>

 

<body>

 

<h1>

Blog Elfan

</h1>

 

<h2>

Method console.log() DOM

</h2>

 

<p>

Untuk melihat pesan pada console,

tekan F12 pada keyboard.

</p>

 

<p>

Untuk melihat pesan, 

double klik pada tombol berikut:

</p>

 

<br>

 

<button ondblclick="log_console()">

View Message

</button>

 

<script>

function log_console() 

{

console.log

("Blog TIK adalah portal ilmu komputer.");

}

</script>

 

</body>

 

</html>

Output:

Blog Elfan

Method console.log() DOM

Untuk melihat pesan pada console, tekan F12 pada keyboard.

Untuk melihat pesan, double klik pada tombol berikut:



Contoh: menampilkan object selama penggunaan method console.log().

<!DOCTYPE html>

<html>

 

<head>

<title>

Method console.log() DOM

</title>

 

<style>

h1 

{

color: green;}

 

h2 

{

font-family: Impact;}

 

body 

{

text-align: center;}

</style>

</head>

 

<body>

 

<h1>

Blog Elfan

</h1>

 

<h2>

Method console.log( ) DOM

</h2>

 

<p>

Untuk melihat pesan pada console,

tekan F12 pada keyboard.

</p>

 

<p>

Untuk melihat pesan, 

double klik pada tombol berikut:

</p>

 

<br>

 

<button ondblclick="log_console()">

View Message

</button>

 

<script>

function log_console() 

{

var MyElement = {

Product: "Lontong Sayur",

Type: "Beverage"};

console.log(MyElement);

}

</script>

 

</body>

 

</html>

Output:

Blog Elfan

Method console.log( ) DOM

Untuk melihat pesan pada console, tekan F12 pada keyboard.

Untuk melihat pesan, double klik pada tombol berikut:



Artikel ini didedikasikan kepada: Peruzi Sugi Marchegiani, Rafika Zahra Umami, Rifka Annisa, Rikco Fergi Laksono, dan Rosita.

5 komentar untuk "Membuat Pesan Konsol Menggunakan console.log DOM HTML"

  1. sebutkan browser apa saja yang dapat digunakan untuk mengaktifkan method console.log() pada dom html?

    BalasHapus
    Balasan
    1. Berikut adalah beberapa jenis browser populer yang dapat digunakan untuk mengaktifkan method console.log() pada dom html:
      1. Google Chrome
      2. Internet Explorer 8.0
      3. Firefox 4.0
      4. Opera
      5. Safari

      Hapus
  2. Apa fungsi method console.log() pada dom html?

    BalasHapus
    Balasan
    1. Method console.log() pada dom html, berufungsi untuk menulis pesan pada bagian console.

      Console berguna untuk tujuan pengujian pada saat membuat program.

      Tips: ketika menguji method tersebut, pastikan tampilan console telah terlihat dengan menekan tombol F12 pada keyboard.

      Hapus
    2. Console.log() merupakan fungsi JavaScript yang digunakan untuk mencetak segala jenis variabel yang telah ditentukan sebelumnya atau hanya mencetak pesan apapun yang perlu ditampilkan kepada pengguna.

      Hapus

Hubungi admin melalui Wa : +62-896-2414-6106

Respon komentar 7 x 24 jam, mohon bersabar jika komentar tidak langsung dipublikasi atau mendapatkan balasan secara langsung.

Bantu admin meningkatkan kualitas blog dengan melaporkan berbagai permasalahan seperti typo, link bermasalah, dan lain sebagainya melalui kolom komentar.

- Ikatlah Ilmu dengan Memostingkannya -
- Big things start from small things -