Scribd Logo
Unggah

Selamat datang di Scribd!

  • Pertemuan 12 - JavaScript

    Diunggah oleh

    DWI PRAYOGA
    17 tayangan23 halaman

    Hak Cipta

    © © All Rights Reserved

    Format Tersedia

    PPTX, 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 PPTX, PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    17 tayangan23 halaman

    Pertemuan 12 - JavaScript

    Diunggah oleh

    DWI PRAYOGA

    Hak Cipta:

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

    PROGRAM STUDI

    Teknik Informatika MATA KULIAH


    DASAR KOMPUTASI

    JavaScript
    -pemrograman client-side sederhana-

    Team Pengajar Dasar Komputasi

    <a href='https://www.freepik.com/free-photos-vectors/background'>Background
    2020
    vector created by freepik - www.freepik.com</a>
    PROGRAM STUDI MATA KULIAH
    Teknik Informatika DASAR KOMPUTASI

    Capaian Pembelajaran

    Mahasiswa dapat membuat program client-side


    sederhana pada halaman Web untuk membuat
    halaman web menjadi interaktif.

    Kemampuan Akhir yang Diharapkan

    1. Mahasiswa dapat memahami dasar javascript

    2. Mahasiswa dapat menerapkan Javascript pada


    halaman web.
    PROGRAM STUDI MATA KULIAH
    Teknik Informatika DASAR KOMPUTASI

    APA ITU
    JavaScript
    • adalah Bahasa Pemrograman di dalam HTML

    dan Web yang bekerja pada sisi

    client(browser-user)
    PROGRAM STUDI MATA KULIAH
    Teknik Informatika DASAR KOMPUTASI

    Kemampuan Javascript
    Dapat Mengubah Konten HTML
    Dapat Mengubah Atribut HTML
    Dapat Mengubah Style HTML (CSS)
    Dapat Menyembunyikan dan Menampilkan Elemen HTML
    PROGRAM STUDI MATA KULIAH
    Teknik Informatika DASAR KOMPUTASI

    Cara Meletakkan kode


    JavaScript
    Diletakkan pada <head>
    Diletakkan pada <body>
    Diletakkan pada file terpisah (External JavaScript)
    PROGRAM STUDI MATA KULIAH
    Teknik Informatika DASAR KOMPUTASI

    diletakkan di
    Head
    PROGRAM STUDI MATA KULIAH
    Teknik Informatika DASAR KOMPUTASI

    diletakkan di Body
    Diletakkan pada file terpisah
    //myScript.js
    function myFunction() {
      document.getElementById("demo").innerHTML = "Paragraph changed.";
    }
    PROGRAM STUDI MATA KULIAH
    Teknik Informatika DASAR KOMPUTASI

    Bentuk Display Pada


    Javascript
    alert box,  window.alert().
    HTML output,  document.write().
    HTML element,  innerHTML.
    browser console,  console.log().
    PROGRAM STUDI MATA KULIAH
    Teknik Informatika DASAR KOMPUTASI

    Display pd Element
    HTML
    zz
    PROGRAM STUDI MATA KULIAH
    Teknik Informatika DASAR KOMPUTASI

    variabel
    Variabel pada JavaScript adalah tempat untuk menyimpan nilai data
    PROGRAM STUDI MATA KULIAH
    Teknik Informatika DASAR KOMPUTASI

    Fungsi
    zz
    Math
    PROGRAM STUDI MATA KULIAH
    Teknik Informatika DASAR KOMPUTASI

    Fungsi buatan
    sendiri
    zz
    PROGRAM STUDI MATA KULIAH
    Teknik Informatika DASAR KOMPUTASI

    Kondisi
    Statement Kondisi digunakan untuk melakukan suatu tindakan yang
    berbeda berdasarkan kondisi yang terjadi.

    Bentuk Statement kondisi:


    If : menentukan blok kode yang akan dieksekusi, jika kondisi
    yang ditentukan benar
    else : menentukan blok kode yang akan dieksekusi, jika kondisi
    yang sama salah
    else if : menentukan kondisi baru untuk diuji, jika kondisi
    pertama salah
    Switch : menentukan banyak blok kode alternatif yang akan
    dieksekusi
    PROGRAM STUDI MATA KULIAH
    Teknik Informatika DASAR KOMPUTASI

    Statement If
    Syntax
    if (kondisi) {
    // block code yang akan dieksekusi jika kondisi benar
    }
    PROGRAM STUDI MATA KULIAH
    Teknik Informatika DASAR KOMPUTASI

    Statement if else
    Syntax
    if (condition) {
    // block code yang akan dieksekusi jika kondisi benar
    } else {
    // block code yang akan dieksekusi jika kondisi salah
    }
    Contoh
    PROGRAM STUDI MATA KULIAH

    Statement if else if
    Teknik Informatika DASAR KOMPUTASI

    else
    Syntax
    if (kondisi1) {
    // block code yang akan dieksekusi jika kondisi 1
    benar
    } else if (ckondisi2) {
    // block code yang akan dieksekusi jika kondisi 2 benar
    } else {
    // block code yang akan dieksekusi jika kondisi 1 salah
    dan kondisi 2 salah
    }
    Contoh:
    PROGRAM STUDI MATA KULIAH
    Teknik Informatika DASAR KOMPUTASI

    Statement switch
    Syntax
    switch(expression) {
    case x:
    // code block
    break;
    case y:
    // code block
    break;
    default:
    // code block
    } Contoh:
    PROGRAM STUDI MATA KULIAH
    Teknik Informatika DASAR KOMPUTASI

    Latihan
    Form Calculator
    PROGRAM STUDI MATA KULIAH
    Teknik Informatika DASAR KOMPUTASI

    Tugas
    Tambahkan button kurang,kali,dan bagi
    Tambahkan fungsi pengurangan,perkalian,dan
    pembagian.
    PROGRAM STUDI MATA KULIAH
    Teknik Informatika DASAR KOMPUTASI

    RANGKUMA
    N
    Dengan menggunakan Javascript kita dapat
    • Dapat Mengubah Konten HTML
    • Dapat Mengubah Atribut HTML
    • Dapat Mengubah Style HTML (CSS)
    • Dapat Menyembunyikan dan Menampilkan Elemen HTML
    PROGRAM STUDI MATA KULIAH
    Teknik Informatika DASAR KOMPUTASI

    SUMBER PUSTAKA

     www.w3schools.com
    THANKS
    ANY QUESTIONS?

    Anda mungkin juga menyukai