Best Blogger Template

Archive for Maret 2011


Posted by Ariend_kireii 0 komentar

Studi Kasus modul 1

- Source code

<html>
<head>
<title>Studi Kasus Modul 1</title>
</head>

<body bgcolor = "black">
<font color="white"><h1 align="justify" font style="bold">Halaman Web Sederhana</h1> <hr/>
<font color="white">
Lorem ipsum dolor sit amer, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
<br/>
Lorem ipsum dolor sit amer, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
<br/>
Lorem ipsum dolor sit amer, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
<br/>
<br/>
Lorem ipsum dolor sit amer, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
<br/>
Lorem ipsum dolor sit amer, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
<br/>
Lorem ipsum dolor sit amer, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
<br/>
<hr color="red"/>
<br/>
<hr color="blue" width="17%" align="right"/>
<br/>
<img src ="naruto.jpg" height="130" width="170" align = "right" border=3 />
<br/>
<p>
</body>
</html>

- Screenshot

Read More

Posted by Ariend_kireii 0 komentar

Tugas Praktikum Modul 5

--Source code pesan.html--
<!DOCTYPE html>
<html lang="en">
<head>
<title>Form Pemesanan</title>
<script language="JavaScript" type="text/javascript">
function diskon(){
    var total = parseInt(document.pemesanan.total.value);
    var diskon = 0;
  
    if(total >= 100000){
        diskon = 15000;
    }
    else if(total >= 50000){
        diskon = 10000;
    }
    else if(total >= 25000){
        diskon = 5000;
    }
  
    document.pemesanan.diskon.value = diskon;
}

function totalHarga(){
    var harga;
    var pesanan;
    var total = 0;
    for(i = 0; i < 10; i += 2){
        harga = parseInt(document.pemesanan[i].value);
        pesanan = parseInt(document.pemesanan[i + 1].value);
      
        if(pesanan > 0){
            total = total + (harga * pesanan);
        }
      
        document.pemesanan.total.value = total;
    }
}

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

function proses(){
    totalHarga();
    diskon();
    jumlahBayar();
}
function reset(){
    var elemen = document.pemesanan;
  
    elemen.pesan1.value = "";
    elemen.pesan2.value = "";
    elemen.pesan3.value = "";
    elemen.pesan4.value = "";
    elemen.pesan5.value = "";
    elemen.total.value = "";
    elemen.diskon.value = "";
    elemen.bayar.value = "";
}
</script>

</head>
<body bgcolor="Azure">
<h2>----- Form Pemesanan Berbasis JavaScript -----</h2>
<br>
<form name="pemesanan" action="#">
<table border="1" cellspacing="0">
<tr>
<th>No.</th>
<th>Makanan / Minuman</th>
<th>Harga</th>
<th>Pesan</th>
</tr>
<tr>
<td>1</td>
<td>Bakso Istimewa</td>
<td>@<input type="text" name="harga1" value="12000" onchange="proses()"/></td>
<td><input type="text" name="pesan1" onchange="proses()"/></td>
</tr>
<tr>
<td>2</td>
<td>Soto Spesial</td>
<td>@<input type="text" name="harga2" value="10000" onchange="proses()"/></td>
<td><input type="text" name="pesan2" onchange="proses()"/></td>
</tr>
<tr>
<td>3</td>
<td>Mie Ayam Super</td>
<td>@<input type="text" name="harga3" value="15000" onchange="proses()"/></td>
<td><input type="text" name="pesan3" onchange="proses()"/></td>
</tr>
<tr>
<td>4</td>
<td>Es Degan</td>
<td>@<input type="text" name="harga4" value="5000" onchange="proses()"/></td>
<td><input type="text" name="pesan4" onchange="proses()"/></td>
</tr>
<tr>
<td>5</td>
<td>Es Campur</td>
<td>@<input type="text" name="harga5" value="7000" onchange="proses()"/></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>
<br>
</html>

--Screenshoot form pemesanan--

Read More

Posted by Ariend_kireii 0 komentar

Studi Kasus Modul 5

--Source Code kalkulator.js--
function kalkulator(){
var kalkulator = document.mat;
var input1 = parseInt(kalkulator.input1.value);
var input2 = parseInt(kalkulator.input2.value);
var operasi = kalkulator.operasi.value;
var hasil;

if(operasi == "tambah"){
hasil = input1 + input2;
}
else if(operasi == "kurang"){
hasil = input1 - input2;
}
else if(operasi == "kali"){
hasil = input1 * input2;
}
else{
hasil = input1 / input2;
}

kalkulator.hasil.value = hasil;
}

--Source code kalkulator.html--
<!DOCTYPE html>
<html lang="en">
<head>
<title>Kalkulator</title>
<script language="JavaScript" type="text/javascript" src="kalkulator.js"></script>
</head>
<body bgcolor="LightBlue">
<center>
<h2>-->> Kalkulator Sederhana <<--</h2>
<form name="mat" action="#">
<input type="text" size="7" name="input1">
<select name="operasi">
<option value="tambah">+</option>
<option value="kurang">-</option>
<option value="kali">*</option>
<option value="bagi">:</option>
</select>
<input type="text" size="7" name="input2">
<input type="button" value="=" onclick="kalkulator()"/>
<input type="text" size="10" name="hasil" readonly>
</form>
</center>
</body>
</html>

--Screenshoot kalkulator--

Read More