Membuat Output Dengan Javascript

Membuat Output Dengan Javascript
Output merupakan sebuah tampilan dari proses program yang biasanya kita gunakan untuk memperlihatkan hasil akhir dari program yang dibuat.
Output pada Pemrograman lain biasanya ditampilkan dalam bentuk teks dengan fungsi print().
Ada 4 cara yang akan saya bahas untuk menampilkan output dari program Javascript:

Cara Pertama :  Menggunakan Fungsi console.log()

Fungsi console.log() adalah fungsi yang ada pada pemrograman javascript yang berguna untuk menampilkan teks ke console browser atau console javascript.
Contoh untuk menggunakannya silakan kalian salin coding dibawah berikut, dan coba DISINI :




Judul Halaman






Lalu silakan klik ctrl+sift+j untuk membuka console browser dan silakan run program, hasilnya akan seperti ini :

Membuat Output Dengan Javascript
lihat output sebelah kanan yang ada pada console,akan muncul output setiap coding di running
Biasanya console.log() digunakan untuk debugging. Karena setiap pesan error yang ada pada Javascript selalu ditampilkan di dalam Console.
Selain console.log(), terdapat juga beberapa fungsi untuk debugging seperti console.debug(), console.info(), console.error(), console.dir(), dan sebagainya.
Membuat Output Dengan Javascript

Semua fungsi console ini juga berlaku pada console Nodejs.

Cara Kedua : Menggunakan Fungsi alert()

Fungsi alert() merupakan fungsi yang berguna untuk menampilkan jendela dialog yang biasa kita lihat dalam tampilan pop up pada browser. Fungsi ini sebenarnya berada pada objek Windows.
Penulisan lengkapnya adalah seperti ini:

window.alert("Ini Output dari Window Alert");

Bisa juga hanya alert() saja seperti berikut :

alert("Ini Output dari Alert");

Fungsi alert(), hanya berfungsi pada browser saja. Sedangkan pada Nodejs fungsi ini tidak ada.
Berikut ini contoh coding penggunaan fungsi alert():




Belajar Javascript







Hasilnya:
Membuat Output Dengan Javascript

Cara Ketiga : Menggunakan Fungsi document.write()

Objek document merupakan objek yang mewakili sebuah dokumen HTML di dalam Javascript.
Didalam objek document, terdapat fungsi write() untuk menulis sesuatu ke dokumen HTML.
Contoh codingnya :




Belajar Javascript di FajarYusuf.Com






Hasilnya:
Membuat Output Dengan Javascript

Bukan hanya fungsi write(), objek document juga menyediakan berbagai macam fungsi untuk memanipulasi dokumen HTML.

Cara Keempat : Menggunakan innerHTML

innerHTML merupakan sebuah atribut di dalam (objek) elemen HTML yang berisi string HTML.
Dengan menggunakan innerHTML, kita dapat menampilkan output ke elemen yang lebih spesifik.
Contoh Codingnya :




Belajar Javascript FajarYusuf.Com


Tutorial Javascript Lengkap







Hasilnya:
Membuat Output Dengan Javascript

Spread the love

Fajar (Ucup)

Pemilik dan Author dari FajarYusuf.com dan juga seseorang yang gemar membagikan info menarik kepada orang lain.

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *