MODUL III

JQWERY

PRAKTIKUM PEMROGRAMAN WEB

Di susun Oleh :
M. FAHRIZ ZAIN JANNAN
180441100075

PROGRAM STUDI SISTEM

INFORMASI JURUSAN TEKNIK
INFORMATIKA FAKULTAS TEKNIK
UNIVERSITAS TRUNOJOYO
MADURA

2020
 DAFTAR ISI

DAFTAR ISI………………………………………………...…………………i

Daftar Gambar………………………………………………...…………………ii

BAB I DASAR TEORY JQWERY …….……………………………………....1

1.1 Dasar teori Jqwery……………………………………………………..1

BAB II HASIL DAN PEMBAHASAN………………………………………….2

2.1 Bahan Praktikum………………………………………………....……2

2.2 Tugas Praktikum...……....…........…....……....…………………….…2

BAB III PENUTUP………………………………………………………………5

3.1 Analisis………………………………………………………………..5

3.2 Kesimpulan……………………………………………………………5

DAFTAR PUSTAKA……………………………………………...……………..6

REFERENSI………..……………………………………………...……………..6
 DAFTAR GAMBAR

gambar Nomor 1………………….…………………………………………2

gambar Nomor 2…………………………….………………………………3
gambar nomor 3……...…………………………………………………….3
gambar nomor 4……………...…………………………………………….4
gambar nomor 4……………...…………………………………………….5

ii
 BAB I

PENGENALAN

1.1 Dasar Terori jQuery

jQuery adalah Javascript Library Kumpulan kode/fungsi Javascript siap pakai,

sehingga mempermudah dan mempercepat kita dalam membuat kode Javascript. Secara
standar, apabila kita membuat kode Javascript, maka diperlukan kode yang cukup
panjang, bahkan terkadang sangat sulit dipahami, misalnya fungsi Javascript untuk
membuat stripe (warna selang seling) pada baris suatu table adalah sebagai berikut :

function stripe(id) {
var even = false;
var evenColor = arguments[1] ? arguments[1] : “#fff”;
2
var oddColor = arguments[2] ? arguments[2] : “#eee”;
var table = document.getElementById(id); if (! table)
{return; }
3
var tbodies = table.getElementByTagName(“tbody”);
for (var h = 0; h < tbodies.length; h++) {
4
var trs = tbodies[h].getElementsByTagName(“tr”); for
(var i = 0; I < trs.length; i++) {
5
if ( ! hasClass(trs[i]) && ! trs[i].style.backgroundColor){ var
tds = trs[i].getElementByTagName(“td”); for (var j = 0; j <
tds.length; j++) {
6
var mytd = tds [j];

if (! hasClass(mytd) && ! mytd.style.backgroundColor) {

mytd.style.backgroundColor = even ? evenColor ? evenColor : oddColor;
7
 }}}}}}

Nah, disinilah peran jQuery sebagai Javascript Library, dimana kita bisa langsung
memanggil fungsi yang terdapat didalam Library tersebut, menariknya kita hanya
memerlukan satu/dua baris membuat warna selang – seling pada suatu table, yaitu :

jQuery(„table tr:nth-child(odd)‟).addClass(„odd‟);
Kesimpulannya, JQuery menyederhanakan kode javascript.

1
 BAB II

PEMBAHASAN

2.1 Bahan Praktikum

Bahan yang diperlukan untuk pelaksanaan praktikum:
1. Sublime
2. Browser, Disini saya menggunakan Chrome.
2.2 Tugas Praktikum
2.2.1 Soal
a. buatlah aplikasi untuk menghitung modus,mean,max,min,dari beberapa
data yang di inputkansecara dinamis
2.2.2 Pembahasan
1. Untuk membuat Tampilan seperti di soal diperlukan perintah.

2
3
4
 BAB III

PENUTUP

3.1 ANALISA

Analisa yang dapat diambil dari praktikum kali ini praktikan dapat
mngetahui apa itu Jqwery. jQuery adalah Javascript Library Kumpulan
kode/fungsi Javascript siap pakai, sehingga mempermudah dan mempercepat kita
dalam membuat kode Javascript.

3.2 KESIMPULAN

Kesimpulan yang dapat diambil dari praktikum kali ini adalah kita dapat
mengetahui dasar dasar pada Jqwery, serta mampu menerapkan nya Dan juga
untuk melengkapi tugas laporan dari praktikum modul 3.

5
5
 DAFTAR PUSTAKA

REFERENSI

http://informatika.uin-malang.ac.id/wp-content/uploads/2019/04/Modul-prak-Webprogramming.pdf