Beberapa waktu lalu saya pernah posting artikel
mengenai membuat program dengan notepad yang memberikan contoh program
VBS (Visual Basic Script) untuk mengetahui berat badan ideal kita.
Pada artikel ini untuk program yang sama akan saya berikan dalam bentuk program web (HTML) yang menggunakan javascript.
Tampilan programnya sebagai berikut :
Di contoh tampilan ini diisi tinggi badan kita 173 (cm). Lalu kita klik tombol ‘Berat badan ideal’ maka akan ditampilkan berat badan ideal kita sesuai tinggi badan kita (173 cm) yaitu seperti tampilan dibawah ini :
Jika tertarik melihat programnya seperti dibawah ini :
<HTML>
<HEAD>
<SCRIPT LANGUAGE=”JavaScript”>
function msgbox(tinggi_badan)
{
berat_ideal = tinggi_badan - 100 - (0.1 * (tinggi_badan - 100))
berat_ideal = ‘Berat badan ideal anda : ‘ + berat_ideal.toString() + ‘ kg’
alert(berat_ideal);
}
</SCRIPT>
</HEAD>
<BODY>
<H3>
Menampilkan berapa berat badan ideal anda
</H3>
<FORM>
<TABLE Border=0 width=’100%’>
<TR>
<TD>
<P>Ketik tinggi anda (dalam cm) : <INPUT TYPE=’text’ NAME=’tinggi’ SIZE=10>
</TD>
</TR>
<TR>
<TD><P></TD>
</TR>
<TR>
<TD><P></TD>
</TR>
<TR>
<TD>
<INPUT type=’button’ VALUE=’Berat badan ideal’ ONCLICK=’msgbox(tinggi.value)’ style=”color: black; font: 10pt verdana; width:175; background:white” onmouseOver=”javascript: this.style.color=’gray’” onmouseOut=”javascript: this.style.color=’black’”>
</TD>
</TR>
</TABLE>
</FORM>
</BODY>
</HTML>
Program ini bisa kita buat dengan copy-pastekan programnya menggunakan aplikasi notepad dimulai dari tulisan <HTML> sampai </HTML> dan kemudian disimpan filenya dengan nama misalnya ‘Berat ideal.htm’.
Tulisan yang di-bold adalah program javascript yang disisipkan dalam file html.
Sebagai penutup diberikan alamat website untuk download program tersebut dan alamat website untuk mengakses program secara langsung dari internet.
- Download program
- Mengakses langsung program\
Sumber : Kompasiana
Pada artikel ini untuk program yang sama akan saya berikan dalam bentuk program web (HTML) yang menggunakan javascript.
Tampilan programnya sebagai berikut :
Di contoh tampilan ini diisi tinggi badan kita 173 (cm). Lalu kita klik tombol ‘Berat badan ideal’ maka akan ditampilkan berat badan ideal kita sesuai tinggi badan kita (173 cm) yaitu seperti tampilan dibawah ini :
Jika tertarik melihat programnya seperti dibawah ini :
<HTML>
<HEAD>
<SCRIPT LANGUAGE=”JavaScript”>
function msgbox(tinggi_badan)
{
berat_ideal = tinggi_badan - 100 - (0.1 * (tinggi_badan - 100))
berat_ideal = ‘Berat badan ideal anda : ‘ + berat_ideal.toString() + ‘ kg’
alert(berat_ideal);
}
</SCRIPT>
</HEAD>
<BODY>
<H3>
Menampilkan berapa berat badan ideal anda
</H3>
<FORM>
<TABLE Border=0 width=’100%’>
<TR>
<TD>
<P>Ketik tinggi anda (dalam cm) : <INPUT TYPE=’text’ NAME=’tinggi’ SIZE=10>
</TD>
</TR>
<TR>
<TD><P></TD>
</TR>
<TR>
<TD><P></TD>
</TR>
<TR>
<TD>
<INPUT type=’button’ VALUE=’Berat badan ideal’ ONCLICK=’msgbox(tinggi.value)’ style=”color: black; font: 10pt verdana; width:175; background:white” onmouseOver=”javascript: this.style.color=’gray’” onmouseOut=”javascript: this.style.color=’black’”>
</TD>
</TR>
</TABLE>
</FORM>
</BODY>
</HTML>
Program ini bisa kita buat dengan copy-pastekan programnya menggunakan aplikasi notepad dimulai dari tulisan <HTML> sampai </HTML> dan kemudian disimpan filenya dengan nama misalnya ‘Berat ideal.htm’.
Tulisan yang di-bold adalah program javascript yang disisipkan dalam file html.
Sebagai penutup diberikan alamat website untuk download program tersebut dan alamat website untuk mengakses program secara langsung dari internet.
- Download program
- Mengakses langsung program\
Sumber : Kompasiana
Anda baru saja membaca artikel yang berkategori dengan judul Berat Badan Ideal (Javascript). Anda bisa bookmark halaman ini dengan URL http://wolleyku.blogspot.com/2012/10/berat-badan-ideal-javascript.html. Terima kasih!
Ditulis oleh:
Unknown - Kamis, 18 Oktober 2012
Belum ada komentar untuk "Berat Badan Ideal (Javascript)"
Posting Komentar