Pengertian jQuery
jQuery adalah sebuah library
Javascript yang sangat ringkas dan sederhana untuk memanipulasi komponen di
dokumen HTML, menangani event, animasi, efek dan memproses interaksi ajax.
jQuery dirancang sedemikian rupa supaya membuat program menggunakan Javascript
menjadi relatif sangat mudah. Sesuai slogan nya, write less, do more. Menulis
kode lebih sedikit, tetapi melakukan pekerjaan lebih banyak.
Fungsi jQuery
jQuery adalah
library Javascript yang gratis dan open source. Tanpa library seperti jQuery,
menerapkan Javascript mungkin akan lebih sulit, terutama untuk pemula yang baru
belajar Javascript. Plugin tambahan seperti JQuery UI (user interface) semakin
memudahkan kita mengembangkan website yang cantik dan interaktif. Selain itu
tersedia plugin-plugin lain yang makin memperkaya
kemampuan jQuery.Contoh jQuery
<!DOCTYPE html>
<html>
<head>
<script
src="jquery-1.11.2.min.js"></script>
<script>
$(document).ready(function(){
$("#Hitung").click(function(){
if(($('#absn').val()!=="")
&& ($('#tgs').val()!=="")
&&
($('#aktf').val()!=="")
&&
($('#uts').val()!=="")
&& ($('#uas').val()!==""))
{
var absn = (20/100)*$('#absn').val();
var tgs =
(15/100)*$('#tgs').val();
var aktf = (10/100)*$('#aktf').val();
var uts = (25/100)*$('#uts').val();
var uas = (30/100)*$('#uas').val();
varnilai =
parseFloat(absn+tgs+aktf+uts+uas).toFixed(2);
var angka;
if((nilai >= 85) && (nilai <= 100))
angka = "A";
else if((nilai >= 75) && (nilai <= 84))
angka = "B";
else if((nilai >= 65) && (nilai <= 74))
angka = "C";
else if((nilai >= 55) && (nilai <= 64))
angka = "D";
else
angka = "E";
alert("Nilai Akhir = "+nilai+" &
Huruf Akhir = "+angka);
}else{
alert("Data yang kosong harus diisi dahulu
!!");
}
});
});
</script>
</head>
<body>
<table width="100" border="0"
cellpadding="5">
<tbody>
<tr>
<td colspan = "3"
align="center"><b>FORM NILAI</td>
</tr>
<tr>
<td><b>NIM</td>
<td>:</td>
<td><input
type="text" name="nama" ></td>
</tr>
<tr>
<td><b>NAMA</td>
<td>:</td>
<td><input
type="text" name="nim" ></td>
</tr>
<tr>
<td><b>ABSEN</td>
<td>:</td>
<td><input
type="text" id="absn" ></td>
</tr>
<tr>
<td><b>TUGAS</td>
<td>:</td>
<td><input
type="text" id="tgs"></td>
</tr>
<tr>
<td><b>KEAKTIFAN</td>
<td>:</td>
<td><input
type="text" id="aktf" ></td>
</tr>
<tr>
<td><b>UTS</td>
<td>:</td>
<td><input
type="text" id="uts" ></td>
</tr>
<tr>
<td><b>UAS</td>
<td>:</td>
<td><input
type="text" id="uas" ></td>
</tr>
<tr>
<td></td>
<td></td>
<td
align="right"><input type="button" value="Cek
Nilai!" id="Hitung"></td>
</tr>
</table>
</body>
</html>
Output :
0 komentar:
Posting Komentar