Scribd Logo
Unggah

Selamat datang di Scribd!

  • Javascript: Pertemuan 7

    Diunggah oleh

    Arif farel Pratama
    2 tayangan30 halaman

    Judul Asli

    WP7

    Hak Cipta

    © © All Rights Reserved

    Format Tersedia

    PDF, TXT atau baca online dari Scribd

    Apakah menurut Anda dokumen ini bermanfaat?

    Apakah konten ini tidak pantas?

    Laporkan Dokumen Ini

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    2 tayangan30 halaman

    Javascript: Pertemuan 7

    Diunggah oleh

    Arif farel Pratama

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    dari 30

    Pertemuan 7

    JAVASCRIPT
    Tujuan Pembelajaran
    Mahasiswa mengetahui cara kerja javascript dan
    menggabungkan dengan dokumen HTML
    Topik Pembahasan
    Pengenalan Javascript
    Penggunaan Javascript dalam Dokumen HTML
    Variabel
    Operator
    Komentar / Remark
    Struktur Kondisi dan Perulangan
    Fungsi
    Alert dan Confirm Window
    Pengenalan Javascript
    Javascript merupakan bahasa pemograman web
    yang bersifat Client Side Programming Language.
    Digunakan untk membuat web menjadi interaktif
    dan dinamik
    Penulisan perintah dalam javascript bersifat case
    sensitive.
    Penggunaan titik koma (;) di akhir perintah bersifat
    optional
    Kegunaan Javascript
    Animasi sederhana
    Validasi form inputan
    Menampilkan pop up window
    Menampilkan dialog konfirmasi
    Menampilkan alert
    Menangani event handler pada objek HTML
    AJAX
    Membuat halaman web yang interaktif
    Penggunaan Javascript dalam Dokumen HTML
    Javascript bisa dimasukkan ke dalam dokumen
    HTML di bagian <head> ataupun <body> dengan
    menggunakan sintaks berikut
    <script type=“text/javascript”>
    Letakkan perintah javascript di sini
    </script>
    Selain itu javascript bisa dipisah ke dalam file
    tersendiri dengan extention .js. Kemudian file .js ini
    dipanggil di dokumen HTML, bisa di dalam <head>
    ataupun <body>
    <script type=“text/javascript” src=“file.js”></script>
    Variabel
    Variabel berguna untuk menampung data, value
    atau informasi.
    Aturan penamaan variable
    Tidak boleh sama dengan reserved word
    Bersifat case sensitive
    Tidak boleh ada spasi
    Diawali oleh huruf atau underscore
    Boleh diawali dengan var, ataupun tidak.
    x = 0;
    var total = 100;
    Operator Aritmatika
    Operator Simbol Contoh

    Penambahan + x=y+z

    Pengurangan - x=y–z

    Perkalian * x=y*z

    Pembagian / x=y/z
    Operator Logika
    operator simbol Contoh

    and && expr 1 && expr 2

    or || expr 1 || expr 2

    not ! !expr 1
    Operator Perbandingan
    operator simbol Contoh

    samadengan == expr1 == expr2

    tidak samadengan != expr1 != expr2

    lebihbesar dari > expr1 > expr2

    lebihbesar samadengan >= expr1 >= expr2

    lebihkecil dari < expr1 < expr2

    lebihkecil samadengan <= expr1 <= expr2


    Komentar / Remark
    Digunakan untuk memberikan keterangan program
    atau menonaktifkan bagian program
    tertentuKomentar .
    Penulisan komentar
    // , jika komentar hanya terdiri dari satu baris
    /* … */ , jika komentar lebih dari satu baris
    Praktikum 1 (1)
    Ketik program dan simpan dengan nama js1.html
    Praktikum 1 (2)
    Ketik program dan simpan dengan nama script.js
    Hasil Praktikum 1
    Jalankan file js1.html di browser
    Arahkan kursor ke link yang ersedia
    Struktur Kondisi If
    Bentuk umum
    If (kondisi){
    Statement jika kondisi true;
    }
    Keterangan
    Kondisi merupakan sebuah variabel atau statement yang akan dicek nilai
    true atau false nya
    Jika kondisi bernilai true, akan mengerjakan statement di dalam blok if.
    Jika kondisi bernilai false, tidak akan mengerjakan apapun
    Praktikum 2
    Ketik program dan simpan dengan nama if.html

    Hasil nya seperti ini. Isikan sebuah angka dan klik


    OK
    Struktur Kondisi If Else
    Bentuk umum
    If (kondisi){
    Statement jika kondisi true;
    }else{
    Statement jika kondisi false;
    }
    Keterangan
    Kondisi merupakan sebuah variabel atau statement yang akan dicek nilai
    true atau false nya
    Jika kondisi bernilai true, akan mengerjakan statement di dalam blok if.
    Jika kondisi bernilai false, akan mengerjakan statement di dalam blok else
    Praktikum 3
    Ketik program dan simpan dengan nama ifelse.html
    Struktur Kondisi Switch Case
    Bentuk umum
    Switch(variabel){
    Case ‘1’ : statement-1;break;
    Case ‘2’ : statement-2;break;
    Case ‘n’ : statement-n;break;
    Default : statement-default;
    }
    Keterangan
    Variabel adalah variabel yang akan dicek isinya
    Struktur Perulangan For
    Bentuk Umum
    for(inisialisasi; kondisi; counter)
    {
    Statement-dikerjakan-selama-kondisi-true
    }
    Keterangan
    Inisialisasi : pemberian nilai awal variabel
    Kondisi : statement kondisi yang akan membatasi perulangan.
    Perulangan akan berjalan terus selama kondisi bernilai true
    Counter : penambahan atau pengurangan nilai variabel agar perulangan
    tetap berjalan
    Praktikum 4
    Ketik program dan simpan dengan nama for.html

    Hasilnya
    Struktur Perulangan While
    Bentuk Umum
    inisialisasi
    while(kondisi){
    Statement-dikerjakan-selama-kondisi-true;
    Counter;
    }
    Keterangan
    Inisialisasi : pemberian nilai awal variabel
    Kondisi : statement kondisi yang akan membatasi perulangan.
    Perulangan akan berjalan terus selama kondisi bernilai true
    Counter : penambahan atau pengurangan nilai variabel agar perulangan
    tetap berjalan
    Praktikum 5
    Ketik program dan simpan dengan nama while.html
    Struktur Perulangan Do While
    Bentuk umum
    Inisialisasi
    do{
    Statement-dikerjakan-selama-kondisi-true;
    counter;
    } while(kondisi)
    Keterangan
    Inisialisasi : pemberian nilai awal variabel
    Kondisi : statement kondisi yang akan membatasi perulangan.
    Perulangan akan berjalan terus selama kondisi bernilai true
    Counter : penambahan atau pengurangan nilai variabel agar perulangan
    tetap berjalan
    Praktikum 6
    Ketik program dan simpan dengan nama
    dowhile.html
    Fungsi (1)
     Fungsi digunakan untuk modularisasi kode. Perintah yang
    sering digunakan, dijadikan sebuah fungsi agar lebih mudah
    dipanggil.
     Pendefinisian Fungsi
    function nama_fungsi(argument1, argument2, …){
    beberapa pernyataan;
    }
     Pendefinisian Fungsi Dengan return Value
    function nama_fungsi(argument1, argument2, …){
    beberapa pernyataan;
    return argument2;
    }
    Fungsi (2)
     Setelah didefinisikan, sebuah fungsi bisa dipanggil dari
    bagian program lain.
     Di bawah ini ilustrasi pendefinisian dan pemanggilan fungsi.
    Praktikum 7
    Ketik program berikut dan simpan dengan nama
    fungsi.html
    Alert dan Confirm Window
    Alert window digunakan untuk menampilkan
    jendela pesan yang muncul di browser. Tombol
    yang tertera adalah OK
    Contoh : alert(‘selamat datang di website kami);
    Confirm window digunakan untuk menampilkan
    jendela konfirmasi yang muncul di browser. Tombol
    yang tertera adalah OK dan CANCEL.
    Contoh : confirm (“Apakah anda yakin akan keluar dari halaman ini?”)
    Kesimpulan
    Javascript memiliki banyak kegunaan pada sebuah
    website.
    Javascript bisa diletakkan bersamaan di dokumen
    HTML dan dibuat menjadi file terpisah dengan
    ekstention .js

    Anda mungkin juga menyukai