Berikut langkah-langkah untuk membuatnya:
- Kode HTML awal untuk script ini adalah:<html>
<head>
<title>Zodiak</title>
</head> - Script kita letakkan di bawah tag . Function pada script untuk mencari zodiak dan shio dijadikan dalam sebuah function bernama function signs. cara penentuan zodiak adalah melalui seleksi tanggal:<body>
<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";}
} - Untuk menentukan shio, caranya dengan mendapatkan sisa bagi tahun dengan 12 (karena shio akan berulang setiap 12 tahun sekali). sebenarnya, cara ini tidak terlalu akurat mengingat pergantian tahun dalam penanggalan Cina tidak tepat seperti pergantian tahun masehi: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> - Langkah terakhir adalah membuat Interface :<center><b>Zodiak dan shio</b></center>
<form name="zodiac">
<center>
<table bgcolor="#eeaa00" border="2" bordercolor="#000000" rules="none" cellspacing="0" cellpadding="4">
<tr><td><b><i>year</i></b></td>
<td><div align="right"><input type="text" size="10" name="year" value="Birth Year" onClick=value=""></div></td>
<td><!--This empty field is just for appearance--></td>
<tr><td><b><i>Month</i></b></td>
<td><div align="right">
<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>
<td><!--This empty field is just for appearance--></td></tr>
<tr><td><b><i>Day</i></b></td>
<td><div align="right"><input type="text" name="date" value="Day" size="3" onClick=value=""></td>
<td><input type="button" value="calculate" onClick="signs()"></div></td></tr>
<tr><td><b><i>Sun Sign:</i></b></td>
<td><div align="right"><input type="text" name="sign" size="16" value="" align="right"></div></td></tr>
<td><!--This empty field is just for appearance--></td></tr>
<tr><td><b><i>Chinese Sign:</i></b></td>
<td><div align="right"><input type="text" name="csign" size="12"></div></td>
<td><!--This empty field is just for appearance--></td></tr>
</table>
</center>
</form>
</body>
</html> - Berikut ini adalah contoh tampilan yang di dapatkan dari script diatas
year Month
Day Sun Sign: Chinese Sign: - Untuk contoh di atas tidak berfungsi jika blum anda pastekan ke Elemen laman gadget anda.
- Nah untuk menambah Aplikasi Zodiak ke blog anda, cukup copy paste kode diatas ke dalam Elemen laman Gadget anda:
- Simpan dan Selesai...
link : http://jayaputrasbloq.blogspot.com/2010/01/cara-menambah-aplikasi-zodiak-bintang.html
0 komentar:
Posting Komentar