Selasa, 10 April 2012

Program Membuat Tabel Data Barang Dengan JavaScript

<html>
<head><title>Tabel barang</title></head>
<body>
<script language = "JavaScript">
var Barang = new Array();
function show(kode_barang, nama_barang, satuan, persediaan) {
    //properties
    this.kode_barang        = kode_barang;
    this.nama_barang        = nama_barang;
    this.satuan                    = satuan;
    this.persediaan             = persediaan;
    //methode
this.tampildata = tampildata;
}

function tampildata() {
    document.write("<td>" + this.kode_barang + "</td>");
    document.write("<td>" + this.nama_barang + "</td>");
    document.write("<td>" + this.satuan + "</td>");
    document.write("<td>" + this.persediaan + "</td>");
}
// Pengisian tabel
Barang[0]= new show("BR-001","Monitor","Buah","20");
Barang[1]= new show("BR-002","Kabel UTP","Roll","25");

// Tampilan Tabel
document.write("<table border = '1'>");
document.write("<th>Kode_Barang</th><th>Nama_Barang</th><th>Satuan</th><th>Persediaan</th>");

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

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

Tidak ada komentar:

Posting Komentar

Virtual Coordinator Training Batch 2 Group 11 Bersama SEAMEO

Alhamdulillah pada kesempatan kali ini saya ingin sharing mengenai kegiatan VCT batch 2 yang telah saya lalui bersama para guru hebat lainny...