Jumat, 23 April 2010

Membuat Rekaman Objek menggunakan Array.

<html>
</head><title>Membuat Rekaman Objek</title></head><h1>
<body>
<script language="JavaScript">
<!--
var Record = new Array();
function Mahasiswa (npm, nama, prodi, jenjang) {
// Properti
this.npm = npm;
this.nama = nama;
this.prodi = prodi;
this.jenjang = jenjang;

// Metode

this.LihatRecordMahasiswa = LihatRecordMahasiswa;
}

function LihatRecordMahasiswa() {
document.write("<td>" + this.npm + "</td>");
document.write("<td>" + this.nama + "</td>");
document.write("<td>" + this.prodi +"</td>");
document.write("<td>" + this.jenjang +"</td>");
}

//mengisi data
Record[0] = new Mahasiswa("43E001", "Dani", "TI", "S1");
Record[1] = new Mahasiswa("43E001", "Doni", "TI", "S1");
Record[2] = new Mahasiswa("43E001", "Dina", "TI", "S1");
Record[3] = new Mahasiswa("43E001", "Dini", "TI", "S1");

//menampilkan data
document.write("<table border ='1'>");
document.write("<th>NPM</th> <th>Nama</th>");
document.write("<th>Prodi</th><th>Jenjang</th> <br>");

for(i=0; i < Record.length; i++)
{
document.write("<tr>");
Record[i].LihatRecordMahasiswa();
document.write("</tr>");
}

document.write("</table> <br>");

document.write("<table border ='1'>");
document.write("<th>NPM</th> <th>Nama</th>");
document.write("<th>Prodi</th><th>Jenjang</th><br>");

for(i=0; i < Record.length; i++)
{
document.write("<tr>");
Record[i].LihatRecordMahasiswa();
document.write("</tr>");
}
document.write("</table>");

//-->

</script>
</body>
</html>


HASILNY :

Senin, 19 April 2010

ENTRY DATA KARYAWAN

<html>
<head>
<title>Entri data pegawai</title>
<script language="javascript" type="text/javascript">
<!--

var DBPegawai = new Array();
function Pegawai(Fields_NIP,Fields_Nama,Fields_Gaji_per_jam,Fields_Jam_kerja,Fields_Gaji_total)
{


this.NIP = Fields_NIP;
this.Nama = Fields_Nama;
this.Gaji_per_jam = Fields_Gaji_per_jam;
this.Jam_kerja = Fields_Jam_kerja;
this.Gaji_total = Fields_Gaji_total;
}


function inputPegawai()

{

while ( Nip=window.prompt("ketikan NIP(Nomor Induk Pegawai)\n\n Click'cancel' untuk berhenti !!."))
{
Nama =window.prompt("Nama Pegawai:");
Gaji_per_jam = parseInt(window.prompt("Gaji per jam"));
Jam_kerja = parseInt(window.prompt("Jumlah jam kerja:"));
Gaji = Gaji_per_jam * Jam_kerja;
DBPegawai[DBPegawai.length] = new Pegawai(Nip,Nama,Gaji_per_jam,Jam_kerja,Gaji);
}
ShowPegawai();
}
function ShowPegawai()
{
document.write("<table border='1'>"+"<tr>"+"<th>NIP</th> <th>Nama</th> <th>Gaji per jam</th> <th>Jam kerja</th>"+
"<th>Gaji </th>"+"</tr>");
for (i=0; i < DBPegawai.length;i++)
{
document.write("<tr>"+
"<td>"+DBPegawai[i].NIP+"</td>"+
"<td>"+DBPegawai[i].Nama+"</td>"+
"<td align='right'>"+DBPegawai[i].Gaji_per_jam+"</td>"+
"<td align='right'>"+DBPegawai[i].Jam_kerja+"</td>"+
"<td align='right'>"+DBPegawai[i].Gaji_total+"</td>"+
"</tr>");
}
document.write("</table>");
}


//-->
</script>
</head>
<body onload="inputPegawai();">
</body>
</html>

HASILNYA :









Latihan dengan menggunakkan " IF"

<html>
<head>
<title>Menampilkan Hari</title>
</head>
<body>
<script language="javascript">
<!--

var dataku=new Array("Minggu","Senin","Selasa","Rabu","Kamis","Jumat","Sabtu");
var i = prompt("Masukkan angka 1 s/d 7 : ");
if ( i == 1 )
{
document.write(dataku[i-1]+"<BR>");alert("Selamat anda telah memasukan angka yang tepat");

} else
if ( i == 2 )
{
document.write(dataku[i-1]+"<BR>");alert("Selamat anda telah memasukan angka yang tepat");

} else
if ( i == 3 )
{
document.write(dataku[i-1]+"<BR>");
alert("Selamat anda telah memasukan angka yang tepat");

} else
if ( i == 4 )
{
document.write(dataku[i-1]+"<BR>");
alert("Selamat anda telah memasukan angka yang tepat");

} else
if ( i == 5 )
{
document.write(dataku[i-1]+"<BR>");
alert("Selamat anda telah memasukan angka yang tepat");

} else
if ( i == 6 )
{
document.write(dataku[i-1]+"<BR>");
alert("Selamat anda telah memasukan angka yang tepat");

} else
if ( i == 7 )
{
document.write(dataku[i-1]+"<BR>");
alert("Selamat anda telah memasukan angka yang tepat");

} else
{
document.write("Angka yang Anda masukan salah");
alert("Tolong Coba Lagi");
}


//-->
</script>
</body>
</html>

HASILNYA :









Memasukkan angka sesuai dengan harinya.

<html>
<head>
<title>Menampilkan Hari</title>
</head>
<body>
<script language="javascript">
<!--

var data=new Array("Minggu","Senin","Selasa","Rabu","Kamis","Jumat","Sabtu");
var i = prompt("Masukkan angka 0 s/d 6 : ");

{
document.write(data[i]+"<BR>");
alert("Selamat anda telah memasukan angka yang tepat");

}


//-->
</script>
</body>
</html>

HASILNYA :



Latihan Array 1

<html>
<head>
<title>Menampilkan isi array</title>
</head>
<body>
<script language="javascript">
<!--

var dataku=new Array("saya","sedang","senang","senang");
for (i=0; i<4; i++)
{
document.write(dataku[i]+"<BR>");
}

alert("selamat belajar struktur data");
alert("semoga memperoleh ilmu");

//-->
</script>
</body>
</html>

HASILNYA :



MENAMPILKAN HARI

<html>
<head>
<title>Menampilkan hari</title>
</head>
<body>
<script language="javascript">
<!--

var dataku=new Array("minggu","senin","selasa","rabu","kamis","jumat","sabtu");
for (i=0; i<7; i++)
{
document.write(dataku[i]+"<BR>");
}

alert("selamat belajar struktur data");
alert("semoga memperoleh ilmu");

//-->
</script>
</body>
</html>

HASILNYA :