Scribd Logo
Unggah

Selamat datang di Scribd!

  • PBO JS

    Diunggah oleh

    Fernando Arya
    3 tayangan10 halaman
    Program ini memberikan ringkasan singkat tentang UAS Pemrograman Web Statis yang mencakup: 1) Konsep OOP dalam JavaScript dan contoh kode 2) Program menghitung diskon berdasarkan input user 3) Program membandingkan dua bilangan dan menentukan yang lebih besar 4) Program menampilkan bilangan genap dan ganjil berdasarkan input max user

    Deskripsi Asli:

    Judul Asli

    L200210206_FERNANDO ARYA ADI SAPUTRA_UAS PWS

    Hak Cipta

    © © All Rights Reserved

    Format Tersedia

    DOCX, PDF, TXT atau baca online dari Scribd

    Apakah menurut Anda dokumen ini bermanfaat?

    Apakah konten ini tidak pantas?

    Laporkan Dokumen Ini
    Program ini memberikan ringkasan singkat tentang UAS Pemrograman Web Statis yang mencakup: 1) Konsep OOP dalam JavaScript dan contoh kode 2) Program menghitung diskon berdasarkan input user 3) Program membandingkan dua bilangan dan menentukan yang lebih besar 4) Program menampilkan bilangan genap dan ganjil berdasarkan input max user

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai DOCX, PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    3 tayangan10 halaman

    PBO JS

    Diunggah oleh

    Fernando Arya
    Program ini memberikan ringkasan singkat tentang UAS Pemrograman Web Statis yang mencakup: 1) Konsep OOP dalam JavaScript dan contoh kode 2) Program menghitung diskon berdasarkan input user 3) Program membandingkan dua bilangan dan menentukan yang lebih besar 4) Program menampilkan bilangan genap dan ganjil berdasarkan input max user

    Hak Cipta:

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

    UAS PEMROGRAMAN WEB STATIS

    Disusun oleh :
    FERNANDO ARYA ADI SAPUTRA
    L200210206
    PEMROGRAMAN WEB STATIS C

    PROGRAM STUDI TEKNIK INFORMATIKA


    FAKULTAS KOMUNIKASI DAN INFORMATIKA
    UNIVERSITAS MUHAMMADIYAH SURAKARTA
    TAHUN 2021/2022
    1. Pertanyaan:
    a. Jelaskan tentang konsep pemrograman berorientasi objek (PBO) dalam JavaScript!
    Jawab:
    PBO atau biasa disebut OOP (Object Oriented Programming) bukanlah suatu produk,
    atau fitur dari bahasa pemrograman, melainkan  suatu paradigma atau cara
    pandang pemecahan suatu masalah yang ingin diselesaikan dengan
    membuat software dengan cara membentuk objek-objek.
    Objek dibuat dari kelas, dimana kelas adalah suatu blueprint yang
    menggambarkan attribute dan sifat dari objek yang akan dibuat.
    Sama seperti definisi “objek” di dunia nyata, dimana setiap objek (mati / hidup)
    mempunyai attribute dan sifat /perilaku masing-masing.
    Objek dalam pemrograman juga mempunyai sifat dan perilaku yang direpresentasikan
    dalam bentuk variabel (attribute) dan fungsi/method (perilaku).
    b. Berikan minimal 2 contoh baris kode JavaScript yang menunjukkan penerapan konsep
    PBO dan jelaskan maksudnya!
    Jawab:
     Contoh 1:
    - Kode program:
    <!DOCTYPE html>
    <html>
    <head>
      <title>Volume Balok</title>
    </head>

    <body>
    <p id="coba">
    <script type="text/javascript">
    function volumebalok() {
    this.panjang = 0;
    this.tinggi = 0;
    this.lebar = 0;

    this.volumebalok = function(){
    var volume = this.panjang * this.tinggi * this.lebar;
    return volume;
    }

    }
    //Contoh Penggunaan
    var s = new volumebalok();
    s.panjang = 15;
    s.tinggi = 10;
    s.lebar = 5;

    alert("Volume dari Balok kamu adalah : " + s.volumebalok() + " cm");

    </script>
    </p>
    </body>
    </html>
    - Output:

     Contoh 2:
    - Kode program:
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Tempat Tanggal Lahir</title>
    <link rel="stylesheet" href="">
    </head>
    <body>
    <script type="text/javascript">
    function sayHalo(){
    var nm = document.getElementById("nama").value;
    alert("Kamu Lahir di " + nm + ":)");
    }
    </script>
    <label>Tulis tempat tanggal lahir kamu</label>
    <input type="text" id="nama" onchange="sayHalo()" />
    </body>
    </html

    - Output:

    2. Buatlah sebuah program dengan JavaScript yang menerima 2 buah input berupa
    angka real. Angka pertama berupa bilangan real dan angka kedua adalah besaran diskon.
    Setelah user melakukan input 2 angka, maka program tersebut akan melakukan perkalian
    antara angka pertama dengan diskon nya. Sebagai contoh, ketika program tersebut dijalankan,
    maka akan muncul sebuah tampilan untuk meminta inputan pertama:
     Kode program:
    <html>
    <head>
        <meta charset="UTF-8">
        <title>Perhitungan Diskon Javascript</title>
    </head>
    <body>
        <script>
            function diskon(hargaAwal){
                var diskon;
                diskon = (angka_diskon/100) * hargaAwal;
                totalDiskon = diskon;
                return totalDiskon;
        }
            var harga = prompt("Masukan angka pertama");
            var angka_diskon = prompt("Masukan besaran diskon (dalam persen)");
            document.write ("Total diskon sebesar " + angka_diskon + " persen untuk
    angka" + harga + " adalah" + diskon(harga));
        </script>
    </body>
    </html>

     Output:
     Tampilan memasukkan angka:

     Tampilan memasukkan diskon:

     Hasil:
    3. Buatlah sebuah program dengan JavaScript yang menerima 2 buah input berupa
    angka real. Setelah itu, program tersebut akan membandingkan kedua buah angka tersebut
    dan memberikan keterangan bilangan mana yang lebih besar. Sebagai contoh, ketika program
    tersebut dijalankan, maka akan muncul sebuah tampilan untuk meminta input angka pertama:
     Kode program:
    <html>
    <head>
    <title>PWS NOMOR 3 UAS</title>
    </head>
    <body>
    <script type="text/javascript">
    var angka_pertama = parseInt(prompt("Masukkan angka pertama"));
    var angka_kedua = parseInt(prompt ("Masukkan angka kedua"));
    var hasil
    if (angka_pertama>angka_kedua)
    {
    hasil = " lebih besar daripada "
    }
    else if(angka_pertama<angka_kedua)
    {
    hasil = " lebih kecil daripada "
    }
    else{result = "kedua bilangan sama"}
    document.write ("Angka "+ angka_pertama + hasil + "angka " +
    angka_kedua)
    </script>
    </body>
    </html>

     Output:
     Tampilan memasukkan angka pertama:

     Tampilan memasukkan angka kedua:

     Hasil:
    4. Buatlah sebuah program menggunakan JavaScript yang akan meminta input berupa
    sebuah angka dari user. Program tersebut akan menampilkan output mulai dari angka 1
    sampai angka terakhir sesuai input user disertai dengan keterangan jenis angka tersebut yaitu
    genap atau ganjil. Sebagai contoh, tampilan awal dari program tersebut adalah sebagai
    berikut:
     Kode program:
    <!DOCTYPE html>
    <html>
    <head>
        <title></title>
    </head>
    <body>
        <script type="text/javascript">
            var bil=prompt("Masukkan angka max")
            var akhir = bil;
            var nilai = 1;
            var akhir = bil;

           while( nilai <= akhir ){


            if(nilai%2==0)
        {
                document.write("Angka" + nilai + "adalah genap <br>" );
            } else
        {
                document.write("Angka" + nilai + "adalah ganjil <br>" );
        }
            nilai++;
      }
       </script>
    </body>
    </html>

     Output:
     Tampilan memasukkan angka:

     Hasil:

    Anda mungkin juga menyukai