Membuat Tabel Perkalian dengan Javascript

9 September 2009 by · 1 Comment 
  

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.

About Duken Marga Turnip
Engineer PT Rekayasa Industri dan alumni Teknik Sipil ITB, yang senang dengan programming, internet, application development, sains, teknologi, dan matematika.

Comments

One Response to “Membuat Tabel Perkalian dengan Javascript”
  1. lol says:

    thanks 🙂
    sangat membantu 🙂

What's in your mind?