Tuesday, April 27, 2010

Record

 <html>
<head>
<title>Modul 3. Latihan 3: Program penggunaan Record</title>
<script language="javascript">
<!--
    var databaseMHS = new Array();

    function nilaiMHS(v_npm, v_nama, v_prodi)
        {
        this.npm    = v_npm;
        this.nama    = v_nama;
        this.prodi    = v_prodi;
        this.absen    = 0;
        this.tugas    = 0;
        this.uts    = 0;
        this.uas    = 0;
        this.total    = 0;
        }

    function tambah()
        {
        databaseMHS[0] = new nilaiMHS("P001", "Doni", "TI");
        databaseMHS[1] = new nilaiMHS("P002", "Dodi", "MI");
        databaseMHS[2] = new nilaiMHS("P003", "Robi", "TK");
        databaseMHS[3] = new nilaiMHS("P004", "Romi", "KA");
        databaseMHS[4] = new nilaiMHS("P005", "Jeje", "SI");
        }

    function tampilkan()
        {
        var spasi = ""
        spasi += "<table border='4'>" +
            "<tr><th>NPM</th>    <th>Nama</th> <th>Prodi</th> <th>Absen</th>" +
                "<th>Tugas</th>     <th>UTS</th>  <th>UAS</th>   <th>Total</th></tr>";

            for (i=0; i<databaseMHS.length; i++)
                {
                spasi +="<tr>" +
                    "<td>" + databaseMHS[i].npm + "</td>" +
                    "<td>" + databaseMHS[i].nama + "</td>" +
                    "<td align='left'>" + databaseMHS[i].prodi + "</td>" +
                    "<td align='center'>" + databaseMHS[i].absen + "</td>" +
                    "<td align='center'>" + databaseMHS[i].tugas + "</td>" +
                    "<td align='center'>" + databaseMHS[i].uts + "</td>" +
                    "<td align='center'>" + databaseMHS[i].uas + "</td>" +
                    "<td align='center'>" + databaseMHS[i].total + "</td>" +
                       "</tr>";
                }
        spasi += "</table>";
        document.getElementById("hasil").innerHTML = spasi;
        }

    function hitung()
        {
        for (i=0; i<databaseMHS.length; i++)
                {
                if (databaseMHS[i].npm == document.getElementById("npm").value)
                    {
                    databaseMHS[i].absen = document.getElementById("absen").value;
                    databaseMHS[i].tugas = document.getElementById("tugas").value;
                    databaseMHS[i].uts = document.getElementById("uts").value;
                    databaseMHS[i].uas = document.getElementById("uas").value;
                    n_absen = (databaseMHS[i].absen * 0.1);
                    n_tugas = (databaseMHS[i].tugas * 0.2);
                    n_uts   = (databaseMHS[i].uts * 0.3);
                    n_uas   = (databaseMHS[i].uas * 0.4);
                    databaseMHS[i].total = n_absen + n_tugas + n_uts + n_uas;

                    break;
                    }
                }
                document.getElementById("npm").value        = "";
                document.getElementById("absen").value        = "";
                document.getElementById("tugas").value        = "";
                document.getElementById("uts").value        = "";
                document.getElementById("uas").value        = "";
                document.getElementById("npm").focus();

                tampilkan();
        }
//-->
</script>
</head>

<body onload = "tambah(); tampilkan();">
`
        <table border="3" bgcolor = 0FFDDF>

        <tr><th align = right>NPM</th> <th>:</th>
            <th align = left>
            <input id="npm" type="text" size="15" maxlength="14">
            </th>
        </tr>

        <tr><th align = right>Nilai Absen</th> <th>:</th>
            <th align = left>
            <input id="absen" type="text" size="4" maxlength="2">
            </th>
        </tr>

        <tr><th align = right>Nilai Tugas</th> <th>:</th>
            <th align = left>
            <input id="tugas" type="text" size="4" maxlength="2">
            </th>
        </tr>

        <tr><th align = right>Nilai UTS</th> <th>:</th>
            <th align = left>
            <input id="uts" type="text" size="4" maxlength="2">
            </th>
        </tr>

        <tr><th align = right>Nilai UAS</th> <th>:</th>
            <th align = left>
            <input id="uas" type="text" size="4" maxlength="2">
            </th>
        </tr>

        <tr>
            <th align = center colspan=3>
            <input type="button" value="Hitung Nilai" onclick="hitung()">
            </th>
        </tr>
        </table>

        <hr>
            Data Kuliah Akhir Mahasiswa <br>
            Mata Kuliah Struktur Data
        <hr>

        <table>
            <tr><td colspan=5><div id="hasil">Area Hasil</div></td></tr>
        </table>
        <br>

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







<html>
<head>
<title>StrukturDataQueue</title>
<script language="JavaScript">

var queue=new Array();
function Masuk_Antrian(Data)
{
queue.unshift(data);
}

fungtion Keluar_Antrian()
{
var yang_keluar_antrian = queue.pop();
if(queue.length==0)
return"Antrian Sudah Kosong";
else
return yang_keluar_antrian;
}

fungtion Dalam_Antrian(list)
{
list.options.length=0;
for(var i = 0;i<queue.length; i++)
{
var data = new Option(queue[i]);
list.option[list.option.length]=data;
}
}

</script>
</head>

<body>
<form>
<input type=text name=textSimpan>
<input type=button value="Masuk Antrian"
onclick='Masuk_Antrian(textSimpan.value);
textSimpan.value="";
Dalam_Antrian(Visualisasi);>

<select name="Visualisasi"size=12>
<option>Isi Antrian
</select>
<input type=text name=textAmbil size=20>

<input type=button value="Keluar Antrian"
onClick="textAmbil.value=Keluar_Antrian();
Dalam_Antrian(Visualisasi);">
</form>
</body>
</html>




<html>
<head>
<title>Modul 3. Latihan 2: Program entri data pegawai</title>
<script language="javascript">
<!--
var dbPegawai = new Array();

function pegawai(f_nip,f_nama,f_gaji_per_jam,f_jam_kerja,f_gaji_total)
{
 this.nip = f_nip;

 this.nama = f_nama;
 this.gaji_jam = f_gaji_per_jam;
 this.jam_kerja = f_jam_kerja;
 this.gaji_total = f_gaji_total;
}

function inputPegawai()
{
var nama, gaji_per_jam, jam_kerja, gaji;
while ( nip = window.prompt("Ketikkan NIP (Nomor Induk Pegawai)\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 Total</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_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>






<html>
<head>
<title>Membuat Rekaman Objek</title>
</head>
<body>
<script>
<!--
var record = new Array();
function Mahasiswa(npm, nama, prodi, jenjang)
{

this.npm = npm;
this.nama = nama;
this.prodi = prodi;
this.jenjang = jenjang;


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");
}


record[0] = new Mahasiswa("43E57006095006","Adnan Fauji", "TI" , "S1");
record[1] = new Mahasiswa("43E57006095007","Nurssohib","TI","S1");
record[2] = new Mahasiswa("43E57006095008","Rizky","TI","S1");
record[3] = new Mahasiswa("43E57006095009","Agah","TI","S1");
record[4] = new Mahasiswa("43E57006095010","Anjas","TI","S1");


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>");


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

No comments:

Post a Comment