Pemograman kali saya akan membuat index HTML menggunakan JavaScript dengan sederhana dan juga simpel,
Kali ini saya mempunyai satu contoh index HTML yang menggunakan JavaScript.
Bagi kalian apa itu index?
Index html adalah sebuah file yang menjadi indeks sebuah website.Tanpa file index.html, jika kita membuka website maka browser akan menampilkan file-file lain dalam bentuk tampilan folder bukan tampilan website sesuai design,File index.html berada pada direktori utama atau direktori root sebuah website.
Disini saya mempunyai satu contoh index HTML yang bisa kalian praktekkan.
Cara membuatnya kalian buat dulu nama filenya,
Jika kalian tidak mengerti cara membuatnya atau tidak tau caranya disini saya sudah menyediakan Scriptnya bagi kalian yang ingin membuatnya.
Contoh Script:
<HTML>
<HEAD><TITLE></TITLE></HEAD>
<BODY>
<SCRIPT language="JavaScript">
<!--
function hitungip()
{
var quis = parseFloat(document.fform.iquis.value);
var tugas = parseFloat(document.fform.itugas.value);
var uts = parseFloat(document.fform.iuts.value);
var uas = parseFloat(document.fform.iuas.value);
var ip =" ";
var ket=" ";
var na = (0.10*quis)+(0.20*tugas)+(0.30*uts)+(0.40*uas);
if ((na > 80) && (na <=100))
{
ip ="A";
ket="Lulus dengan Sangat Baik";
}
else if ((na > 68) && (na <=80))
{
ip ="B";
ket="Lulus dengan Baik";
}
else if ((na > 55) && (na <=68))
{
ip ="C";
ket="Lulus dengan Cukup";
}
else if ((na > 38) && (na <=55))
{
ip ="D";
ket="Lulus dengan Kurang";
}
else
{
ip ="E";
ket="Tidak Lulus";
}
document.fform.oip.value=ip;
document.fform.oket.value=ket;
// gunakan untuk mengecek alert (ip+""+na);
}
//--></SCRIPT>
<form name ="fform">
<table border="1" width="100%" ALIGN="center" >
<tr>
<td width="100%" colspan="4"><H2 ALIGN="center">Menghitung Indeks Prestasi</H2></td>
</tr>
<tr>
<td width="25%">Quis (10%) :<input type="text" size="10"
name="iquis"> </td>
<td width="25%">Tugas (20%):<input type="text" size="10"
name="itugas"> </td>
<td width="25%">UTS (30%):<input type="text" size="10"
name="iuts"> </td>
<td width="25%">UAS (40%) :<input type="text" size="10"
name="iuas"> </td>
</tr>
<tr>
<td width="100%" colspan="4"><P Align="center">
<input type="button" value="Hitung" onclick="hitungip()">
<input type="reset" value="Ulang"> </p></td>
</tr>
<tr>
<td width="100%" colspan="4" align="center">
Indeks Prestasi :<input type="text" size="5" name="oip">
Keterangan :<input type="text" size="25" name="oket"></td>
</td>
</table>
</FORM>
</BODY>
</HTML>
Jadi begitulah sobat cara membuat index HTML menggunakan JavaScript, dengan contoh berikut anda dapat mempratekkan dengan kreatifitas masing-masing dari kalian yang ingin belajat HTML bagi permula,
sekian dari saya agar bermanfaat bagi anda yang ingin belajar cara membuat index HTML bagi permula.
-
Pengertian View View dapat didefinisikan sebagai tabel maya (virtual) atau logical yang terdiri dari himpunan hasil query. Tidak seperti pa... -
HELLO,Sobat programer kali saya akan membahas tentang cara membuat Object Select dengan menggunakan javascript dengan mudah, Kali ini saya ... -
Pemograman kali saya akan membuat salah satu website percabangan untuk kalian yang menggunakan javascript dengan sederhana, Kali ini saya ... -
Hello,sobat programer kali ini saya akan berbagi tutorial bagaimana cara membuat website penjualan menggunakan HTML mudah dan simpel. Pada ... -
Pemograman kali saya akan membuat index HTML menggunakan JavaScript dengan sederhana dan juga simpel, Kali ini saya mempunyai satu contoh i...
-
Definisi Struktur atau arsitektur Basis Data Arsitektur basis data merupakan serangkaian pengetahuan tentang pemodelan data. Pengetahuan ... -
Definisi Basis Data Secara umum untuk menjelaskan tentang pengertian basis data dapat ditinjau dari dua sisi,pengertian secara kharfiah da...
-
Normalisasi Basis Data Pengertian Normalisasi Normalisasi adalah proses pembentukan struktur basis data sehingga sebagian besar ambigu... -
Contoh Script tutorial 2 : <!DOCTYPE html> <html> <head> <title>belajar HTML</title> </head> ... -
HELLO,Sobat programer kali saya akan membahas tentang cara membuat Object Textarea dengan menggunakan javascript dengan mudah, Kali ini say...
0 komentar:
Posting Komentar