Laman

Powered By Blogger

Jumat, 01 Juni 2012

Javascript Percabangan


<html>
<head><title>Percabangan</title></head>
<body>
<script language="javascript">
<!--
function hitungtotal(){
var nama = (document.fform.inama.value);
var tujuan = (document.fform.itujuan.value);
var jumlahpaket = (document.fform.ijumlahpaket.value);
var ht = 0.0;
var sub = 0.0;
var diskon = 0.0;
var total = 0.0;

if (tujuan=="Jakarta")
{
ht =10000;
}
else if (Tujuan=="Yogyakarta")
{
ht =50000;
}
else
{
ht =20000;
}

sub = jumlahpaket*ht;
if (document.fform.imember.checked==true)
{
diskon =0.10*sub;
}
else
{
diskon =0.0;
}

total = sub-diskon;
document.fform.otiket.value==eval(ht);
document.fform.osub.value==eval(sub);
document.fform.odiskon.value==eval(diskon);
document.fform.ototal.value==eval(total);
// gunakan mengecek !!! alert (total);
}
//--></script>
<form name="fform">
<table border="1" align="center" width="70%">
<tr><td width="50%"><pre>
Nama :<input type="text" size="20" name="inama">
Tujuan :<select name="itujuan" size="1">
<option value="Jakarta">Jakarta</option>
<option value="Yogyakarta">Yogyakarta</option>
<option value="semarang">Semarang</option>
</select>

Jumlah Tiket :<input type="text" size="11" name="ijumlah">
Member :<input type="checkbox" name="imember">Ya</td></pre>
<td width="50%"><pre>
harga Tiket :<input type="text" size="10" name="otiket">
sub total :<input type="text" size="10" name="osub">
Diskon :<input type="text" size="10" name="odiskon">
Total Bayar :<input type="text" size="10" name="ototal"></pre></td>
</tr>
<td width="100%" colspan="2">
<center>
<input type="button" value="hitung" onclick="hitungtotal()">
<input type="reset" value="ulang">
</center></td>
</table></form>
<img src="Uchiha_wall_by_Pajadox.jpg">
</body>
</html>

jika dilihat hasilnya


Semoga Bermanfaat (^_^)

Javascript menghitung Penjumlahan


<html>
<head>
<title>Javascript</title>
<script type="text/Javascript">
function jumlah(){
bil1 = document.contoh.field1.value;
bil2 = document.contoh.field2.value;
var jumlah1 =(1/2)*(parseInt(bil1)*parseInt(bil2));
var jumlah2 =(1/3)*(parseInt(bil1)*parseInt(bil2));
document.contoh.hasil1.value=(jumlah1);
document.contoh.hasil2.value=(jumlah2);
}
function ubahwarna(){
document.body.bgColor='#9400D3';

}
function ubahwarnaputih(){
document.body.bgColor='#ffffff';

}
</script>
</head>
<body>
<form name="contoh">
<br>
Alas : <input type="text" name="field1">
<br>
Tinggi : <input type="text" name="field2">
<br>
Luas Segitiga : <input type="text" name="hasil1">
<br>
Luas Limas : <input type="text" name="hasil2">
<br>
<input type="button" value="jumlah" onclick="jumlah()">
<button onmouseover="ubahwarna()" onmouseout="ubahwarnaputih()">Ubah Warna</button>
</form>
</body>
</html>

hasilnya seperti ini

Jika ada kesalahan penghitungan harap maklum hehehee
Semoga bermanfaat (^_^)

Belajar CSS


Ini coding CSS dengan tambahan div dan transform

<html>
<head>
<title> Belajar CSS </title>

<style type="text/css">
       body{
       background: with;
  font-family:arial;
  color:red;
 
  }  

p{
font-family: magneto;
font-size: 30px;
color:black;
}

a:link{color: white;}
a:visited{color: gray;}
a:active{color: cyan;}
a:hover{color: blue;}


div.box{
border:1px solid;
width: 200px;
height: 200px;
background:whith;
transform:rotate(30deg);
-ms-transform:rotate(30deg);
-moz-transform:rotate(30deg);
-webkit-transform:rotate(30deg);
-o-transform:rotate(30deg);
text-shadow: 5px 5px 5px #FF0000;

}


</style>
</head>
<body>
Belajar CSS
<p>Saya sedang balaja pemrograman web</p>

<center><div class="box"><h1>Hello ini pengenalan div</h1></div></center>

</body>
</html>


dan yang ini hasilnya

yaaa kurang lebihnya seperti itu hasilnya...
Semoga bermanfaat (^_^)

Membuat Form yang Simpel

Ini coding htmlnya>>


<html>
<head>
</head>
<body>

<table>
<tr>
<td>Nama</td>
<td>:</td>
<td><input type="type" size="30"></td>
</tr>

<tr>
<td>Alamat</td>
<td>:</td>
<td><input type="type" size="40"></td>
</tr>

<tr>
<td>Tlpn</td>
<td>:</td>
<td><input type="type" size="20"></td>
</tr>

<tr>
<td>Jenis Kelamin</td>
<td> : </td>
<td> <input type="radio" name="jk" value="Laki-Laki"> Laki-Laki
<input type="radio" name="jk" value="Perempuan"> Perempuan </td>

</tr>

<tr>
<td>Agama</td>
<td>:</td>
<td>
<select>
<option>Islam</option>
<option>Hindu</option>
<option>Kristen</option>
</select>
</td>
</tr>
</tr>

<tr>
<td>Prestasi yang pernah diraih</td>
<td>:</td>
<td><textarea cols="30" rows="5"></textarea>
</tr>

<tr>
<td colspan="3"><input type="submit" value="Simpan">
                <input type="reset" value="Batal"></td>
</tr>

</table>
</body>
</html>

berikut adalah hasilnya

nahh bisa kalian coba dengan kreasi sendiri heheee
semoga bermanfaat (^_^)

Membuat Tabel Sederhana

Mungkin kalian sudah tau cara membuat tabel kan..ga papa dari pada ga ada yang di posting...lagi pula bisa buat belajar juga..nah ini dia>>


<html>
<head></head>
<body>
<table border="1">

<tr>
<td>NO</td>
<td>NIM</td>
<td>NAMA</td>
</tr>

<tr>
<td>1</td>
<td>11018000</td>
<td>Pratikan</td>
</tr>
<tr>
</tr>
<tr>
</tr>
</table>
</body>
</html>


Dan hasilnya kurang lebih seberti ini

Semoga bermanfaat (^_^)

Dasar HTML Dokumen Kode Struktur


Mulailah menulis tag HTML Anda dengan membuat tata letak dasar dokumen Anda. Salin dan sisipkan kode ini ke dalam teks atau editor HTML.


<html>
<head>
<title> Judul Halaman Anda </ title>
</ Head>
<body>

Daerah ini akan berisi segala sesuatu yang akan terlihat melalui browser web, seperti teks dan grafis. Semua informasi akan HTML kode.

Untuk daftar lengkap kode HTML, tag dan contoh, lihat tabel HTML di bawah ini.

</ Body>
</ Html>
<html> - Dimulai HTML Anda dokumen.

<head> - Berisi informasi tentang halaman seperti TITLE, META tag untuk Search Engine pengindeksan yang tepat, tag STYLE, yang menentukan tata letak halaman, dan JavaScript coding untuk efek khusus.

<title> - The TITLE halaman. Ini akan terlihat dalam judul bar dari browser pemirsa.

</ Title> - Menutup <title> tag HTML.

</ Head> - Menutup <head> tag HTML.

<body> - Ini adalah di mana Anda akan mulai menulis dokumen Anda dan menempatkan kode HTML Anda.

</ Body> - Menutup <body> tag HTML.

</ Html> - Menutup tag <html>.