Scribd Logo
Unggah

Selamat datang di Scribd!

  • Modul 6

    Diunggah oleh

    Aditya Nugraha
    11 tayangan7 halaman

    Judul Asli

    modul 6

    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
    11 tayangan7 halaman

    Modul 6

    Diunggah oleh

    Aditya Nugraha

    Hak Cipta:

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

    LAPORAN PRAKTIKUM

    PEMROGRAMAN WEB
    MODUL 6
    JAVASCRIPT

    ERRAS LINDIARDA MAHENTAR


    3411191102
    D

    PROGRAM STUDI INFORMATIKA


    FAKULTAS SAINS DAN INFORMATIKA
    UNIVERSITAS JENDRAL ACHMAD YANI
    2020
    LATIHAN:
    1. Program menggunakan JavaScript menampilkan bilangan genap atau bilangan ganjil
    terhadap nilai tertentu
    Source code
    <!DOCTYPE html>
    <html>
    <head>
    <title></title>
    </head>
    <body>
    <script type="text/javascript">
    var nilai = 1;
    var akhir = 10;
    while( nilai <= akhir ){
    if(nilai%2==0)
    {
    document.write(nilai+" adalah bilangan genap <br>" );
    } else
    {
    document.write(nilai+" adalah bilangan ganjil <br>" );
    }
    nilai++;
    }
    </script>
    </body>
    </html>

    Hasil eksekusi
    2. Program menggunakan JavaScript untuk menghasilkan bilangan Fibonacci
    Source code
    <html>
    <head><title>Deret Fibonacci</title>
    <script type="text/javaScript">
    var kounter = 0;
    function fib (angka) {
    kounter++;
    switch (angka) {
    case 0:
    return(0);
    break;
    case 1:
    return(1);
    break;
    default:
    return(fib(angka - 1) + fib (angka - 2));
    break;
    }
    }
    </script>
    </head>
    <body>
    <big>
    <div align ="center">
    <table border="1">
    <tr>
    <script type="text/javaScript">
    for (n =0; n < 20; n++) {
    nilai = fib(n);
    document.write ("<td>" + nilai + "</td>");
    }
    alert ("fungsi memanggil dirinya sendiri sebanyak" + kount
    er + "kali!!");
    </script>
    </tr>
    </table>
    </div>
    </big>
    </body>
    </html>
    Hasil eksekusi

    3. Program kalkulator menggunakan fungsi JavaScript


    Source code
    <html>
    <head>
    <title>KALKULATOR</title>

    <script type="text/javascript">
    function tambah(){
    var num1 = document.myform.angka1.value;
    var num2 = document.myform.angka2.value;
    var pertambahan = parseInt(num1) + parseInt(num2);
    document.getElementById('add').value = pertambahan;}
    function kurang(){
    var num1 = document.myform.angka1.value;
    var num2 = document.myform.angka2.value;
    var pengurangan = parseInt(num1) - parseInt(num2);
    document.getElementById('add').value = pengurangan;}
    function kali(){
    var num1 = document.myform.angka1.value;
    var num2 = document.myform.angka2.value;
    var perkalian = parseInt(num1) * parseInt(num2);
    document.getElementById('add').value = perkalian;}
    function bagi(){
    var num1 = document.myform.angka1.value;
    var num2 = document.myform.angka2.value;
    var pembagian = parseInt(num1) / parseInt(num2);
    document.getElementById('add').value = pembagian;}
    </script>
    </head>
    <body>
    <FORM NAME="myform">
    <h1><b><right>KALKULATOR</right></b></h1><right><table border = "1
    ">
    <br>
    </br>
    Bilangan 1 = <input type="text" name = "angka1">
    <br>
    </br>
    Bilangan 2 = <input type="text" name = "angka2">
    <br>
    </br>
    Hasil &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;= <inp
    ut type = "text" id = "add" name = "hasil" value= "">
    <br>
    </br>
    <INPUT TYPE="button" NAME="tambah1" Value="+" onClick="tambah()"/>
    <INPUT TYPE="button" NAME="kurang1" Value="-" onClick="kurang()"/>
    <INPUT TYPE="button" NAME="kali1" Value="*" onClick="kali()"/>
    <INPUT TYPE="button" NAME="bagi1" Value="/" onClick="bagi()"/></ta
    ble></reight>
    </FORM>
    </body>
    </html>

    Hasil eksekusi
    4. halaman HTML dengan sebuah kotak teks yang menampilkan waktu dari mesin
    local pengguna.
    Seurce code

    <!DOCTYPE html>
    <html>
    <head>
    <title>Membuat Jam Digital</title>
    </head>
    <body>

    <style>
    h1,h2,p,a{
    font-family: sans-serif;
    font-weight: normal;
    }

    .jam-digital- {
    overflow: hidden;
    width: 330px;
    margin: 20px auto;
    border: 5px solid #efefef;
    }
    .kotak{
    float: left;
    width: 110px;
    height: 100px;
    background-color: aqua;
    }
    .jam-digital- {
    color: #fff;
    font-size: 36px;
    text-align: center;
    margin-top: 30px;
    }
    </style>
    <h1>Sekarang pukul :</h1>

    <div class="Sekarang Pukul">


    <div class="kotak">
    <p id="jam"></p>
    </div>
    <div class="kotak">
    <p id="menit"></p>
    </div>
    <div class="kotak">
    <p id="detik"></p>
    </div>
    </div>
    <script>
    window.setTimeout("waktu()", 1000);

    function waktu() {
    var waktu = new Date();
    setTimeout("waktu()", 1000);
    document.getElementById("jam").innerHTML = waktu.getHours(
    );
    document.getElementById("menit").innerHTML = waktu.getMinu
    tes();
    document.getElementById("detik").innerHTML = waktu.getSeco
    nds();
    }
    </script>
    </body>
    </html>

    Hasil eksekusi

    Anda mungkin juga menyukai