Membuat Aplikasi Zodiak Menggunakan Java Script
kali ini kita akan belajar membuat aplikasi menggunakan java script...
disini kita akan membuat aplikasi Zodiak...
saya akan berbagi pengalaman sedikit....
okey kita langsung aja membuat aplikasinya....
let's go...
Pertama-pertama tulis semua kodingan ini ke editing kalian....
<html>
<head>
<title>ZODIAK</title>
<script language="javascript">
function signs() {
var start = 1901, birthyear = document.
zodiac.year.value, date=document.zodiac.date.value,
month=document.zodiac.month.selectedIndex;
with (document.zodiac.sign){
if (month == 1 && date >=20 || month == 2 && date <=18) {value = "Aquarius";}
if (month == 1 && date > 31) {value = "tanggal tidak valid";}
if (month == 2 && date >=19 || month == 3 && date <=20) {value = "Pisces";}
if (month == 2 && date > 29) {value = "tanggal tidak valid";}
if (month == 3 && date >=21 || month == 4 && date <=19) {value = "Aries";}
if (month == 3 && date > 31) {value = "tanggal tidak valid";}
if (month == 4 && date >=20 || month == 5 && date <=20) {value = "Taurus";}
if (month == 4 && date > 30) {value = "tanggal tidak valid";}
if (month == 5 && date >=21 || month == 6 && date <=21) {value = "Gemini";}
if (month == 5 && date > 31) {value = "tanggal tidak valid";}
if (month == 6 && date >=22 || month == 7 && date <=22) {value = "Cancer";}
if (month == 6 && date > 30) {value = "tanggal tidak valid";}
if (month == 7 && date >=23 || month == 8 && date <=22) {value = "Leo";}
if (month == 7 && date > 31) {value = "tanggal tidak valid";}
if (month == 8 && date >=23 || month == 9 && date <=22) {value = "Virgo";}
if (month == 8 && date > 31) {value = "tanggal tidak valid";}
if (month == 9 && date >=23 || month == 10 && date <=22) {value = "Libra";}
if (month == 9 && date > 30) {value = "tanggal tidak valid";}
if (month == 10 && date >=23 || month == 11 && date <=21) {value = "Scorpio";}
if (month == 10 && date > 31) {value = "tanggal tidak valid";}
if (month == 11 && date >=22 || month == 12 && date <=21) {value = "Sagittarius";}
if (month == 11 && date > 30) {value = "tanggal tidak valid";}
if (month == 12 && date >=22 || month == 1 && date <=19) {value = "Capricorn";}
if (month == 12 && date > 31) {value = "tanggal tidak valid";}
}
x = (start - birthyear) % 12
with (document.zodiac.csign){
if (x == 1 || x == -11) {value = "Tikus";}
if (x == 0) {value = "Kerbau";}
if (x == 11 || x == -1) {value = "Macan";}
if (x == 10 || x == -2) {value = "Kelinci";}
if (x == 9 || x == -3) {value = "Naga";}
if (x == 8 || x == -4) {value = "Ular";}
if (x == 7 || x == -5) {value = "Kuda";}
if (x == 6 || x == -6) {value = "Kambing";}
if (x == 5 || x == -7) {value = "Monyet";}
if (x == 4 || x == -8) {value = "Ayam";}
if (x == 3 || x == -9) {value = "Anjing";}
if (x == 2 || x == -10) {value = "Babi";}
}
}
</script>
</head>
<body>
<form name="zodiac">
<div align="center">
<table bgcolor="#55FF99" border="2" bordercolor="#000000" rules="none" cellspacing="0" cellpadding="5px" width="30%" height="50%">
<caption><font face="Calibri" size="+2"><b>Zodiak dan Shio</b></font></caption>
<tr>
<td><b><i>Year</i></b></td>
<td><div align="left">
<input type="text" size="10" name="year" value="Birth Year" onClick=value=""></div>
</td>
</tr>
<tr>
<td><b><i>Month</i></b></td>
<td><div align="left">
<select name="month">
<option value="x">Select Birth Month</option>
<option value="1">Januari</option>
<option value="2">Februari</option>
<option value="3">Maret</option>
<option value="4">April</option>
<option value="5">Mei</option>
<option value="6">Juni</option>
<option value="7">Juli</option>
<option value="8">Agustus</option>
<option value="9">September</option>
<option value="10">Oktober</option>
<option value="11">November</option>
<option value="12">Desember</option></select>
</div></td>
</tr>
<tr>
<td><b><i>Day</i></b></td>
<td><div align="left"><input type="text" name="date" value="Day" size="3" onClick=value=""></div></td>
</tr>
<tr>
<td><b><i>Zodiak</i></b></td>
<td><div align="left"><input type="text" name="sign" size="16" value="" align="right"></div></td>
</tr>
<tr>
<td><b><i>Shio</i></b></td>
<td><div align="left"><input type="text" name="csign" size="12"></div></td>
</tr>
<tr>
<td align="center" colspan="2">
<input type="button" value="Ramal !" onClick="signs()"><input type="reset" value="Ulang !">
</td>
</tr>
</table>
</form>
<font color="blue" face="Snap ITC" size="3">Oleh: Zulfarisyi Kenedy</font>
</body>
</html>
setelah semuanya di tulis... oke jalankan ke browser teman-teman....
aplikasinya jadi deh....
semoga bermanfaat buat teman-teman.....
yang mau download aplikasinya silakan download di link bawah ini
http://www.4shared.com/rar/5Fd4i9nt/Ramalan_bintang.html
0 komentar:
Posting Komentar