Scribd
Unggah
43 tayangan8 halaman

Lab Modul 03 - Javascript

Modul ini membahas tentang JavaScript. Pembelajaran dimulai dari membuat program untuk menampilkan tanggal dan jam secara dinamis, kemudian membuat fungsi untuk menyebutkan angka dalam bentuk kata-kata. Modul ini bertujuan agar mahasiswa memahami JavaScript dan mampu membuat program dengan bahasa pemrograman tersebut.

Diunggah oleh

Phoniex United
Hak Cipta
© © All Rights Reserved
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai PDF, TXT atau baca online di Scribd
43 tayangan8 halaman

Lab Modul 03 - Javascript

Modul ini membahas tentang JavaScript. Pembelajaran dimulai dari membuat program untuk menampilkan tanggal dan jam secara dinamis, kemudian membuat fungsi untuk menyebutkan angka dalam bentuk kata-kata. Modul ini bertujuan agar mahasiswa memahami JavaScript dan mampu membuat program dengan bahasa pemrograman tersebut.

Diunggah oleh

Phoniex United
Hak Cipta
© © All Rights Reserved
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai PDF, TXT atau baca online di Scribd
Anda di halaman 1/ 8

2016 / 2017

IF-3P2
Praktikum Pemrograman Web

Modul 3
Javascript

Departemen Sistem Informasi

Institut Teknologi Harapan Bangsa


Mata kuliah : Praktikum Pemrograman Web

Kode Matakuliah : IF-3P2

SKS : 1 SKS

Waktu : 100’

Modul ke : 1

A. Tujuan

1. TIU : Memahami Javascript

2. TIK : Mahasiswa mampu membuat program dengan JavaScript

B. Bahasan : JavaScript

C. Sub Pokok Bahasan

1.
D. Perangkat keras yang diperlukan: Komputer

Perangkat lunak yang diperlukan: Editor, Browser


1. Dengan JavaScript, buatlah sebuah kotak berisi tanggal dan jam saat ini seperti gambar di atas.
Langkah-langkah yang dapat ditempuh:

a. Buatlah fungsi untuk mengambil hari (gunakan Date object, buatlah array untuk nama-nama hari,
ambil index hari dengan getDay())

b. buatlah fungsi untuk mengambil hari (gunakan Date object, buatlah array untuk nama-nama
bulan, dst.)

c. buatlah fungsi untuk mengambil jam (gunakan Date object; ambil jam, menit, dan detik dengan
berbagai method dari Date object)

d. Tambahkan <meta http-equiv="refresh" content="1"> dalam <head> agar


halaman tersebut di-refresh setiap detik.
2. Dengan JavaScript, buatlah sebuah fungsi yang mampu menyebutkan angka seperti pada gambar di
bawah ini..

Langkah yang dapat ditempuh:

a. gunakan prompt box untuk meminta angka dari user (minimal=1,maksimal=9999)

b. buatlah suatu fungsi untuk menyebut angka yang diberikan

i. deklarasikan array yang memuat penyebutan setiap digit angka

ii deklarasikan variabel untuk ribuan, ratusan, puluhan, dan satuan (dapat digunakan

fungsi Math.floor()untuk pembulatan ke bawah)

iii. tulis ribuan, ratusan, puluhan, dan satuan ke dalam dokumen

iv. tambahkan script untuk menangani angka belasan


Jawaban

[1]
<html>

<head>

<meta http-equiv="refresh" content="1">

<script type="text/javascript">

function tulis_tanggal()

var d = new Date()

var namabulan= xxxxxxxxxx ("Januari", "Februari", "Maret", "April", "Mei",


"Juni", "Juli", "Agustus", "September", "Oktober", "November", "Desember")

document.write(xxxxxxxxxx ())

document.write(" ")

document.write(xxxxxxxxxx [d.getMonth()])

document.write(" ")

document.write(d.getFullYear())

function tulis_jam()

var d = new Date()

document.write(xxxxxxxxxx ())

document.write(":")

document.write(d.getMinutes())

document.write(":")

document.write(d.getSeconds())

}
function tulis_hari()

var d=new Date()

var namahari=xxxxxxxxxx("Minggu", "Senin", "Selasa", "Rabu", "Kamis", "Jumat",


"Sabtu")

document.write( namahari[d.getDay()] )

</script>

<title>Praktikum 3 -1</title></head>

<body>

<table width="300" border="1" cellspacing="0" cellpadding="3">

<tr>

<td>Hari</td>

<td><script type="text/javascript"> xxxxxxxxxx </script></td>

</tr>

<tr>

<td>Tanggal</td>

<td><script type="text/javascript"> xxxxxxxxxx </script></td>

</tr>

<tr>

<td>Jam</td>

<td><script type="text/javascript"> xxxxxxxxxx </script></td>

</tr>

</table>

</body>

</html>
[2]
<html>

<head>

<script type="text/javascript">

var nomer = xxxxxxxxxx (11);

nomer[1]="se";

nomer[2]="dua ";

nomer[3]="tiga ";

nomer[4]="empat ";

nomer[5]="lima ";

nomer[6]="enam ";

nomer[7]="tujuh ";

nomer[8]="delapan ";

nomer[9]="sembilan ";

nomer[10]="satu ";

function konversi(masuk)

kata="";

belas=0;

ribuan = Math.floor(masuk/1000);

ratusan= Math.floor((masuk-ribuan*1000) / 100);

puluhan= Math.floor((masuk-ribuan*1000-ratusan*100) / 10);

satuan = masuk - ribuan*1000 - ratusan*100 - puluhan*10;

if (ribuan!=0) {kata=kata + xxxxxxxxxx [xxxxxxxxxx] + "ribu "};

if (xxxxxxxxxx!=0) {kata=kata + xxxxxxxxxx [xxxxxxxxxx]+"ratus "};


if (puluhan!=0) {

if ((puluhan==1) && (satuan!=0)) { xxxxxxxxxx =1} //angka belasan

else { kata=kata + xxxxxxxxxx [xxxxxxxxxx]+"puluh "};

if ((satuan==1) && (xxxxxxxxxx!=1) ) { xxxxxxxxxx =10} ;

//satu (21, 31, ...) bukan se- (11)

if (satuan!=0) {kata=kata + xxxxxxxxxx [satuan]}

if (belas==1) {kata= xxxxxxxxxx + "belas"}

return kata;

</script>

<title>Praktikum 3-2</title></head>

<body>

<h1>

<script type="text/javascript">

angka=0;

while ((angka<1) || (angka>9999)){

angka = prompt("Masukkan bilangan \(maksimal 9999\): "," ");

if(angka>0 && angka<10000) {break}

else

{alert("Masukkan angka yang > 0 dan < 10000");continue}

document.write(angka + " = " + xxxxxxxxxx (xxxxxxxxxx));

</script>

</h1>

</body>

</html>

Anda mungkin juga menyukai