Cara menggunakan menampilkan tabel dengan javascript

Ada 4 Cara menampilkan data di JavaScript, yaitu:
1. Menggunakan perintah document.write[]
2. Menggunakan alert[]
3. Menggunakan console.log[]
4. Menggunakan innerHTML[]

document.write[]

Anda dapat menampilkan data di JavaScript dengan menggunakan perintah document.write[]. Untuk lebih jelasnya, perhatikan contoh di bawah ini.

Nama File: dokumen_write.html

Hasil dari Perkalian 10 * 15 adalah


document.write[10 * 15];

Apabila Anda jalankan di web browser, maka akan menampilkan output seperti di bawah ini:

alert[]

Anda juga dapat menampilkan data di JavaScript dengan menggunakan alert, yaitu jendela popup pada JavaScript. Untuk lebih jelas perhatikan contoh di bawah ini:

Nama File: alert.html

Hasil dari perkalian 10 * 15 adalah 


window.alert[10 * 15];

Apabila Anda jalankan di browser, maka akan menampilkan output berikut ini:

console.log[]

Anda juga dapat menampilkan data di JavaScript dengan menggunakan metode console.log[]. Untuk lebih jelasnya, dapat Anda lihat pada contoh di bawah ini:

Nama File: console_log.html

Ini adalah Heading
Ini adalah paragraf

Untuk menampilkan console di browser Chrome & Firefox dapat menggunakan shortcut CTL+SHIFT+J



console.log[5 + 6];

Coba Anda jalankan script diatas, dan lihat hasilnya dengan menekan tombol CTRL+SHIFT+J untuk menampilkan Browser console. Hasilnya terlihat seperti gambar di bawah ini:

innerHTML

Langkah terakhir untuk menampilkan data di JavaScript adalah menggunakan innerHTML. innerHTML digunakan untuk menampilkan data pada elemen HTML. Tapi sebelumnya elemen harus diakses terlebih dahulu dengan menggunakan fungsi document.getElementById[].

Untuk lebih jelasnya, Anda dapat langsung lihat pada contoh di bawah ini:

Nama File: inner_html.html

Ini adalah contoh Heading
Hasil dari perkalian dari 10 * 15 adalah...




document.getElementById["kali"].innerHTML = 10 * 15;

Jika Anda jalankan di browser kesayangan Anda, maka akan terlihat output seperti di bawah ini:

About Unknown

This is a short description in the author block about the author. You edit it by entering text in the "Biographical Info" field in the user admin panel.

/**



	Tabel | Javascript




	

		
1
		
2
		
3
	
	

		
1
		
2
		
3
	




 */

/**

var table = '';
	var rows = 2;
	var cols = 3;
	for[var r = 0; r < rows; r++]
	{
		table +='';
			for[var a = 1; a