Tuesday, March 1, 2011

tugas modul 5



---------------------------------------
tugas2.js
--------------------------------------
function hartot(){
    var harga;
    var pesan;
    var total = 0;
  
    for(i = 0; i < 10; i += 2){
        harga = parseInt(document.order[i].value);
        pesan = parseInt(document.order[i + 1].value);
      
        if(pesan > 0){
            total = total + (harga * pesan);
        }
      
        document.order.total.value = total;
    }
}

function diskon(){
    var total = parseInt(document.order.total.value);
    var diskon = 0;
  
    if(total >= 200000){
        diskon = 20 / 100 * total;
    }
    else if(total >= 100000){
        diskon = 10 / 100 * total;
    }
    else if(total >= 50000){
        diskon = 5 / 100 * total;
    }
  
    document.order.diskon.value = diskon;
}

function jumlahBayar(){
    var total = parseInt(document.order.total.value);
    var diskon = parseInt(document.order.diskon.value);
    var bayar = total - diskon;
  
    document.order.bayar.value = bayar;
}

function proses(){
    hartot();
    diskon();
    jumlahBayar();
}

function reset(){
    var elemen = document.order;
  
    elemen.pesan1.reset.value()
    elemen.pesan2.reset.value()
    elemen.pesan3.reset.value()
    elemen.pesan4.reset.value()
    elemen.pesan5.reset.value()
    elemen.total.reset.value()
    elemen.diskon.reset.value()
    elemen.bayar.reset.value()
}

--------------------------------------------
tugas02.html
--------------------------------------------
<!DOCTYPE html>
<html lang="en">
    <head>
        <title>SUGENG RAWUH</title>
        <script language="JavaScript" type="text/javascript" src="tugas02.js"></script>
    </head>
    <body background = back.png>
    <center>
            <div class="title"><h2> <font SIXE="40" face = "Comic Sans MS" color = yellow> KEDAI SEDERHANA DAN SEADANYA </font></h2></div>
            <form name="order" action="#">
                <table border="1" bgcolor=white>
                    <tr>
                        <th>No</th>
                        <th>Makanan / Minuman</th>
                        <th>Harga</th>
                        <th>Pesan</th>
                    </tr>
                    <tr>
                        <td>1</td>
                        <td>MARTABAK TELOR BAKRIE</td>
                        <td>@<input type="text" name="har1" value="20000" onchange="proses()" readonly /></td>
                        <td><input type="text" name="pesan1" onchange="proses()"/></td>
                    </tr>
                    <tr>
                        <td>2</td>
                        <td>TERANG BULAN BESOES</td>
                        <td>@<input type="text" name="har2" value="18000" onchange="proses()" readonly /></td>
                        <td><input type="text" name="pesan2" onchange="proses()"/></td>
                    </tr>
                    <tr>
                        <td>3</td>
                        <td>ROTI BAKAR GAYUS</td>
                        <td>@<input type="text" name="har3" value="15000" onchange="proses()" readonly /></td>
                        <td><input type="text" name="pesan3" onchange="proses()"/></td>
                    </tr>
                    <tr>
                        <td>4</td>
                        <td>ES JUICE NH</td>
                        <td>@<input type="text" name="har4" value="7000" onchange="proses()" readonly /></td>
                        <td><input type="text" name="pesan4" onchange="proses()"/></td>
                    </tr>
                    <tr>
                        <td>5</td>
                        <td>ONDE-ONDE PSSI</td>
                        <td>@<input type="text" name="har5" value="5000" onchange="proses()" readonly /></td>
                        <td><input type="text" name="pesan5" onchange="proses()"/></td>
                    </tr>
                    <tr>
                        <td colspan="3" align="right">Jumlah Total</td>
                        <td><input type="text" name="total" readonly /></td>
                    </tr>
                    <tr>
                        <td colspan="3" align="right">Diskon</td>
                        <td><input type="text" name="diskon" readonly /></td>
                    </tr>
                    <tr>
                        <td colspan="3" align="right">Jumlah Dibayar</td>
                        <td><input type="text" name="bayar" readonly /></td>
                    </tr>
                </table>
                <br>
                <input type="button" name="batal" value="Batal" onclick="reset()"/>
            </form>
    </center>
    </body>
</html>

tugas modul 5



--------------------------------------------------------------------
tugas01.js
-------------------------------------------------------------------
function kalkulator(){
    var bagian = document.hitung;
    var angka = parseInt(bagian.angka.value);
    var bilangan = parseInt(bagian.bilangan.value);  
    var operasi = bagian.operasi.value;
    var hasil;
  
    if(operasi == "jumlah"){
        hasil = angka + bilangan;
    }
    else if(operasi == "kurang"){
        hasil = angka - bilangan;
    }
    else if(operasi == "kali"){
        hasil = angka * bilangan;
    }
    else{
        hasil = angka / bilangan;
    }
  
    bagian.hasil.value = hasil;
}

------------------------------------------------
tugas 1.html
------------------------------------------------
<!DOCTYPE html>
<html lang="en">
    <head>
        <title>kalkulator</title>
        <script language="JavaScript" type="text/javascript" src="tugas 1.js"></script>
    </head>
    <body background=back.png>
        <center>
            <form name="hitung" action="#">
            <h2><font color = yellow size= "45" face = "Monotype Corsiva" > Kalkulator </font></h2>
                <input type="text" size="3" name="angka">
                <br><br><select name="operasi">
                    <option value="jumlah">+</option>
                    <option value="kurang">-</option>
                    <option value="kali">*</option>
                    <option value="bagi">:</option>
                </select>
                <br><br><input type="text" size="3" name="bilangan">
                <br><br><input type="button" value="=" onclick="kalkulator()"/>
                <br><br><input type="text" size="10" name="hasil" readonly>
            </form>
        </center>
    </body>
</html>