MENULIS JS PADA CONSOLE BROWSER

Menulis dan menjalankan kode JavaScript langsung dari konsol browser dapat menjadi alat yang sangat berguna untuk melihat hasil dengan cepat atau melakukan debugging.

Apa Itu Konsol (Console) Browser?

Semua browser modern memiliki alat pengembangan web yang disebut konsol. Konsol ini memungkinkan kamu menjalankan, menulis, dan menguji kode JavaScript secara langsung di browser.

Ini bisa menjadi cara yang baik untuk memeriksa kesalahan atau menguji fungsi dan metode.

Cara Membuka Konsol Browser

Browser seperti Chrome, Firefox, Safari dan Edge semuanya memiliki konsol pengembang, tetapi cara mengaksesnya mungkin sedikit berbeda.

Chrome:

1. Klik kanan halaman mana saja dan pilih ‘Inspect’ atau gunakan shortcut Ctrl + Shift + I.
2. Buka tab Console.

Firefox:

1. Klik kanan halaman mana saja dan pilih ‘Inspect Element’ atau gunakan shortcut Ctrl + Shift + I.
2. Buka tab Console.

Safari:

1. Aktifkan menu ‘Develop’ dalam preferensi Safari.
2. Pilih ‘Show JavaScript Console’.

Edge:

1. Klik kanan halaman mana saja dan pilih ‘Inspect’ atau gunakan shortcut Ctrl + Shift + I.
2. Buka tab Console.

Setelah kita berhasil mengakses konsol, sekarang saatnya menulis kode JavaScript.

Menulis Kode JavaScript di Konsol

Untuk menulis kode JavaScript di konsol, cukup ketik kode yang ingin kamu jalankan di baris baru dan tekan Enter.

Misalnya, kamu bisa menulis kode seperti ini untuk mencetak pesan di konsol:

console.log("Halo Dunia!");

Setelah menekan Enter, pesan “Hello World!” akan dicetak di konsol.

Menjalankan Kode JavaScript di Konsol

Kode yang kamu tulis di konsol akan dijalankan secara langsung setelah kamu menekan tombol Enter. Hasil dari kode akan ditampilkan di baris baru di konsol.

Misalnya, jika kamu menulis kode berikut:

let a = 10;
let b = 20;
let sum = a + b;
console.log(sum);

Setelah menekan Enter, angka 30 (hasil dari 10 + 20) akan dicetak di konsol.

Perhatikan bahwa konsol ini dapat menjalankan kode JavaScript secara langsung dan menunjukkan hasilnya, menjadikan konsol menjadi alat yang sangat berharga untuk pengujian dan debug saat menulis kode JavaScript.