Ilmatul Munfaidah: Array

Kesimpulan dari pembelajaran yang saya dapat ARRAY merupakan objek yang dapat digunakan untuk menyimpan sejumlah data (lebih dari 1 data) dengan tipe yg sama . Array dapat dipergunakan dalam program kita untuk memudahkan dalam penyimpanan data . Array sendiri memiliki urutan index dari 0.

* Deklarasi Array

- New Array()

- New Array(jumlahindex)

- New Array(item1,item2,…)

- [item1,item2,item3,..]

v Array 1 dimensi

Kumpulan elemen yang tersusun dalam suatu baris

v Array 2 dimensi

Jika array 1 dimensi hanya terdapat baris dengan beberapa kolom elemen, array yang satu ini merupakan perluasan array 1 dimensi .

v Pertukaran Array

Melakukan pertukaran bilangan pada suatu variable kita membutuhkan wadah atau variable tambahan.

besar

100

kecil

Kolom diatas akan dijadikan seperti kolom gambar dibawah ini

100

Besar

Kecil

· Langkah pertama isi kolom yg kosong sesuai permintaan kolom agar sama

· Lakukan pertukaran secara berstruktur

B [2] <= K [0]

B [4] <= K [1]

K [0] <= B [0]

B [1] <= K [2]

K [1] <= B [1]

K [2] <= B [3]

B [3] <= K [1]

B [0] <= K [2]

Contoh penerapan Array :
<!DOCTYPE html>
<html lang="en">

<head>
<title>Toko Sembako</title>
<style>

header {
height: 100px;
background-color: blue;
text-align: center;
}

judul {
font-family: crackman;
font-size: 20px;
color: white;
font-weight: bold;
float: left;
margin: 50px 10px 10px 10px;
}

section {
height: 1300px;
background-color: #d6d3d3;
padding: 10px;
}

</style>
    <script type="text/javascript">
var arr = new Array(" ");
var arr2 = [0];
function jml(){
        i = arr2.length,
        e = 0;

        while (i--) {
            e += arr2[i];
        }
        document.getElementById("lblData3").innerHTML ="Rp. "+e;
}

function HargaTotal() {
        var a;
        var b;
        var c;
        var d;
        var e;
        var HargaTotal;

        var jumlah1 =document.getElementById("jumlah1").value;
        var jumlah2 =document.getElementById("jumlah2").value;
        var jumlah3 =document.getElementById("jumlah3").value;
        var jumlah4 =document.getElementById("jumlah4").value;
        var jumlah5 =document.getElementById("jumlah5").value;


        if(document.getElementById("jumlah1").value == "") jumlah1=0;
        if(document.getElementById("jumlah2").value == "") jumlah2=0;
        if(document.getElementById("jumlah3").value == "") jumlah3=0;
        if(document.getElementById("jumlah4").value == "") jumlah4=0;
        if(document.getElementById("jumlah5").value == "") jumlah5=0;


        a = document.getElementById("harga1").value*jumlah1;
        b = document.getElementById("harga2").value*jumlah2;
        c = document.getElementById("harga3").value*jumlah3;
        d = document.getElementById("harga4").value*jumlah4;
        e = document.getElementById("harga5").value*jumlah5;

        // proses penjumlahan sembako
        HargaTotal = a + b + c + d + e;
        document.getElementById("sub1").value = a;
        document.getElementById("sub2").value = b;
        document.getElementById("sub3").value = c;
        document.getElementById("sub4").value = d;
        document.getElementById("sub5").value = e;
        document.getElementById("total").value = HargaTotal;
}

function proses() {
        HargaTotal();
}

</script>
</head>

<body>

    <header>
    <judul>TOKO ILMA</judul>
    </header>

    <section>
<form name="pembelian" action="#">
<table cellpadding=3 border=1>
<tr>
<th width=30>No.</th>
<th width=40>Kode</th>
<th width=280>Nama Produk</th>
<th width=120>Harga</th>
<th width=200>Jumlah Pembelian</th>
<th width=200>Subtotal</th>
</tr>
<br> </br>
<tr>
<td> 1.</td>
<td>K001</td>
<td>Gula Putih</td>
<td>@   Rp. <input type="text" name="harga1" id="harga1" value="11000" size=5 readonly></td>
<td><center><input type="number" name="jumlah1" id="jumlah1" onchange="proses()" size=12 style="text-align:center"></center></td>
<td><center><input type="text" name="sub1" id="sub1" size=12 style="text-align:center" readonly></center></td>
</tr>

<tr>
<td> 2.</td>
<td>K002</td>
<td>Susu Kaleng</td>
<td>@   Rp. <input type="text" name="harga2" id="harga2" value="5500" size=5 readonly></td>
<td><center><input type="number" name="jumlah2" id="jumlah2" onchange="proses()" size=12 style="text-align:center"></center></td>
<td><center><input type="text" name="sub2" id="sub2" size=12 style="text-align:center"readonly></center></td>
</tr>

<tr>
<td> 3.</td>
<td> K003</td>
<td>Minyak Goreng</td>
<td>@   Rp. <input type="text" name="harga3" id="harga3" value="7300" size=5 readonly></td>
<td><center><input type="number" name="jumlah3" id="jumlah3" onchange="proses()" size=12 style="text-align:center"></center></td>
<td><center><input type="text" name="sub3" id="sub3" size=12 style="text-align:center"readonly></center></td>
</tr>

<tr>
<td> 4.</td>
<td>K004</td>
<td>Beras</td>
<td>@   Rp. <input type="text" name="harga4" id="harga4" value="9800" size=5 readonly></td>
<td><center><input type="number" name="jumlah4" id="jumlah4" onchange="proses()" size=12 style="text-align:center"></center></td>
<td><center><input type="text" name="sub4" id="sub4" size=12 style="text-align:center" readonly></center></td>
</tr>
<tr>
<td> 5.</td>
<td>K005</td>
<td>Sarden</td>
<td>@   Rp. <input type="text" name="harga5" id="harga5" value="8500" size=5 readonly></td>
<td><center><input type="number" name="jumlah5" id="jumlah5" onchange="proses()" size=12 style="text-align:center"></center></td>
<td><center><input type="text" name="sub5" id="sub5" size=12 style="text-align:center" readonly></center></td>
</tr>
<tr>
<td colspan=4 align="right">JUMLAH TOTAL</td>
<td><center>Rp. <input type="text" name="total" id="total" size=15 style="text-align:center" readonly></center></td>
</tr>
</section>
</body>
</html>

Toko Sembako

TOKO ILMA

No.	Kode	Nama Produk	Harga	Jumlah Pembelian
1.	K001	Gula Putih	@ Rp.
2.	K002	Susu Kaleng	@ Rp.
3.	K003	Minyak Goreng	@ Rp.
4.	K004	Beras	@ Rp.
5.	K005	Sarden	@ Rp.
JUMLAH TOTAL				Rp.

Ilmatul Munfaidah

Friday 26 January 2018

Array

No comments:

Post a Comment