Studi Kasus (Modul 5)

Diposting oleh Rastra Permana | Sabtu, 05 Maret 2011 at 00.32

Tampilan Halaman Web:
Ini dia Kalkulator Mini produksi Dalam Negeri:

Berikut Source Code dalam pembuatan Tampilan Web seperti diatas

<!--
Created By Rastra Feryd Permana
109533423226
S1 Pendidikan Teknik Informatika 2009
-->


<!DOCTYPE html>
<html lang="en">
<head>
<link rel="icon" type="image/x-icon" href="favicon.ico">
<title>Kalkulator Mini</title>
<script language="JavaScript" type="text/javascript">

function getHasilValue(){
var format = document.kalkulator;
var bil1 =  parseInt(format.bil1.value);
var bil2 =  parseInt(format.bil2.value);   
var operasi = format.operasi.value;
var hasil;
if(operasi == "jumlah"){
hasil = bil1 + bil2;
}
else if(operasi == "kurang"){
hasil = bil1 - bil2;
}
else if(operasi == "kali"){
hasil = bil1 * bil2;
}
else if(operasi== "bagi"){
hasil = bil1 / bil2;
}
else{
}
format.hasil.value = hasil;
}

</script>
</head>
<body bgcolor="#CCCCCC"> 
<h4> ..: Kalkulator Mini :..</h4>
<form name="kalkulator" action="#"> 

Bilangan 1: 
    <input type="text" size="5" maxlength="5" name="bil1">     
    <br><br>
    
     Operasinya   : 
    <select name="operasi">
        <option value="jumlah">+</option>
        <option value="kurang">-</option>
        <option value="kali">*</option>
        <option value="bagi">:</option>
    </select>     
    <br><br>     
    
    Bilangan 2:
    <input type="text" size="5" maxlength="5" name="bil2">
     <br><br> 
     
     Tekan Tombol  
    <input type="button" value="=" onclick="getHasilValue()"/>
    <br><br>    
    
    Hasil :
    <input type="text" size="10" maxlength="10" name="hasil" readonly> 
</form> 
</body>
</html>

Mari kita coba hitung, caranya mudah kok cuma Klik disini .. .. .

info-rastrapermana

Pages

Edit the Menu Here

Studi Kasus (Modul 5)

Artikel Terkait

Mengenai Saya

Popular Posts

INFO LABEL

INFO TECHNO KOMPAS

INFO CHAT

INFO FEEDJIT

INFO RASTRAPERMANA