Membuat Tabel Perkalian dengan Javascript

Membuat Tabel Perkalian dengan Javascript

Saya pernah membuat kalender dengan c++. Algoritmanya sedikit sulit karena kita harus memperhatikan setiap bagian pada tabel perkalian. Namun dengan menggunakan javascript atau mungkin juga php, kita bisa sedikit lebih mudah dalam membuat script tabel perkalian. Kesempatan ini saya akan memmberi sedikit source code bagaimana membuat tabel perkalian dengan javascript.

Kita akan membagi file dalam 2 bagian,yang pertama adalah file kali.htm dan yang kedua adalah file kali.js
Ini adalah isi dari file kali.htm :

1
2
3
4
5
6
7
8
<html>
<head>
<script type="text/javascript" src="kali.js"></script>
<title>Perkalian</title>
</head>
<body onload='kali();'>
</body>
</html>

Selanjutnya kita akan membuat file javascript nya:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
function kali()
{
	var i,j;
	document.write("<table bgcolor=\"black\">");
	for(i=0;i<11;i++)
	{
		for(j=0;j<11;j++)
		{
			if(i==0 && j==0)
				kiriAtas();
			else if(i==10 && j==10)
				kananBawah(i,j);
			else if(i==0 && j==10)
				kananAtas(j);
			else if(i==10 && j==0)
				kiriBawah(i);
			else if(i==0 && j!=0 && j!=10)
				barNol(j);
			else if(i!=0 && i!=10 && j==0)
				kolNol(i);
			else if(i!=0 && i!=10 && j==10)
				kolSepuluh(i,j);
			else
				itung(i,j);
		}
	}
	document.write("</table>");
}
 
function kiriAtas()
{
	document.write("<tr bgcolor=\"white\"><td width=\"30\"><center>X</td>");
}
function kananBawah(i,j)
{
	document.write("<td>"+(i*j)+"</td></tr>");
}
function kananAtas(j)
{
	document.write("<td><center>"+j+"</td></tr>");
}
function kiriBawah(i)
{
	document.write("<tr bgcolor=\"white\"><td><center>"+i+"</td>");
}
function barNol(j)
{
	document.write("<td width=\"30\"><center>"+j+"</td>");
}
function kolNol(i)
{
	document.write("<tr bgcolor=\"white\"><td><center>"+i+"</td>");
}
function kolSepuluh(i,j)
{
	document.write("<td width=\"30\"><center>"+(i*j)+"</td></tr>");
}
function itung(i,j)
{
	document.write("<td><center>"+(i*j)+"</td>");
}

Dalam tabel perkalian, kita bisa membagi bagian tabel menjadi beberapa bagian, yaitu sudut kanan atas, sudut kanan bawah, sudut kiri atas, sudut kiri bawah, baris ke 1, baris ke 10, kolom ke 10.
Kenapa kita harus melakukan pembagian ini?
Karena tiap tempat akan memiliki akhiran script yang berbeda, misalnya pada kolom awal, kita harus memulianya dengan tr dan pada kolom terakhir kita harus mengakhiri tr ini.

One thought on “Membuat Tabel Perkalian dengan Javascript

Leave a Reply

Your email address will not be published. Required fields are marked *