Apakah JQUERY itu??

JQuery adalah sebuah framework/library JavaScript yang dapat membantu kita mempermudah dan mempercepat pengolahan DOM pada halaman web.
Dengan jQuery kita dapat membuat web lebih menarik dan interaktif dengan mudah. jQuery sudah mengautomasi pekerjaan-pekerjaan yang umum dan mempersimple code yang kompleks. Library ini sangat kecil dan mempunyai banyak pluggin yang dapat mempermudah kita.
Adapun fitur-fitur yang ditawarkan oleh jQuery adalah

• Mempermudah akses dan manipulasi ke bagian page tertentu. jQuery menawarkan sebuah selector yang robust dan efesien untuk mengambil bagian tertentu pada dokumen yang selanjutnya bisa dimanipulasi.
• Mempermudah perubahan tampilan dokumen. jQuery dapat mengubah tampilan CSS dengan mudah.
• Merespon interaksi user dengan webpage. jQuery mempunyai cara yang sangat-sangat elegan untuk memasukkan sebuah even ke dalam salah satu bagian dari webpage.
• Menambah animasi. Kita dapat memberi animasi pada webpage kita dengan jQuery
• Mempermudah AJAX. 

 Dari Berbagai Sumber

Praktikum pemrograman web modul 5

Tugas Praktikum

Script
hitungpesan.js
function totalHarga(){
    var harga;
    var pesanan;
    var total = 0;
  
    for(i = 0; i < 10; i += 2){
        harga = parseInt(document.pemesanan[i].value);
        pesanan = parseInt(document.pemesanan[i + 1].value);
      
        if(pesanan > 0){
            total = total + (harga * pesanan);
        }
      
        document.pemesanan.total.value = total;
    }
}

function diskon(){
    var total = parseInt(document.pemesanan.total.value);
    var diskon = 0;

PRaktikum pemrograman web modul 5

Studi Kasus

Script
hitung.js
function hitung(){
    var komponen = document.calc;
    var bil1 = parseInt(komponen.bil1.value);
    var bil2 = parseInt(komponen.bil2.value);  
    var op = komponen.op.value;
    var hasil;
  
    if(op == "add"){
        hasil = bil1 + bil2;
    }
    else if(op == "sub"){
        hasil = bil1 - bil2;
    }
    else if(op == "mpy"){
        hasil = bil1 * bil2;
    }
    else{
        hasil = bil1 / bil2;
    }
  
    komponen.hasil.value = hasil;
}

Praktikum pemrograman web - Modul 4

Tugas Rumah

css

body {
margin: 10px auto;
width: 1330px;
}
header{
height:100px;
border-top: 1px solid green;
border-right: 1px solid green;
border-left: 1px solid green;
border-bottom: 1px solid blue;
background-image:url(head3.png);
background-repeat: repeat-x;}
#gbrheadr{
float:left;
width:100px;
height:80px;
background-image:url(gambar.png);
margin-left:100px;
}