FORMAT LAPORAN PRAKTIKUM

PEMROGRAMAN WEB
PERTEMUAN 7
JOBSHEET 6

Disusun Oleh :
M.Rizal Saputra
(22343055)
Dosen Pengampu :
Syukri, ST., M.CIO

INFORMATIKA(NK)
FAKULTAS TEKNIK
DEPARTEMEN ELEKTRONIKA
UNIVERSITAS NEGERI PADANG
2023
A. TOPIK PRAKTIKUM
Topik praktikum : Pemograman Web Interaktif
Judul : Javascript Lanjutan

B. PROSES DAN HASIL PRAKTIKUM

 Langkah Kerja
Dalam praktikum kali ini, kita berlatih memodifikasi program yang sudah ada
untuk lebih mengenal dan mengetahui kegunaan skrip yang baru kita buat.
Sama seperti percobaan sebelumnya yaitu buat folder baru di htdocs yang
ada di penyimpanan (C:)
 Bukti Hasil Kerja

1.Latihan6-1

Dalam latihan ini, kita akan membuat program template JavaScript sederhana yang
melakukan operasi aritmatika sederhana, yaitu: perkalian, pembagian, penjumlahan,
pengurangan, dan modulus dua nilai yang diambil dari input pengguna saat tombol
"arithmetic" diklik.
Fungsi "tes" mengambil dua argumen "nilai1" dan "nilai2" dan mengeluarkan hasilnya ke
tag menggunakan fungsi “document write(). Kemudian, saat Anda mengklik tombol
"Aritmatika", fungsi "test" dipanggil, meneruskan nilai 9 dan 4 sebagai argumen "val1"
dan "val2". Hasil operasi aritmatika yang dilakukan ditampilkan di halaman web.
2.Latihan6-2
Dalam latihan ini, kita akan menggunakan program JavaScript sederhana yang
menampilkan dialog yang meminta pengguna memasukkan dua nilai numerik.
Setelah pengguna memasukkan nilai, program menampilkan hasil operasi
relasional antara dua nilai menggunakan metode document write().
Program ini berisi satu fungsi JavaScript bernama "test()" yang memproses input
kotak dialog dan mengevaluasi beberapa operator terkait seperti "==" (sama
dengan), "!=" (tidak sama dengan), "> " (lebih besar dari ). dari), dan "<" (kurang
dari).
Setelah menguji nilai, hasil dari setiap operator ditampilkan dalam elemen
dokumen menggunakan metode document write().
Program ini juga memiliki satu tombol HTML yang, ketika diklik, menjalankan
fungsi test(). Tombol ini muncul di dalam elemen teks HTML.

3.Latihan6-3
Untuk latihan ini, kita akan menggunakan halaman web HTML yang berisi skrip
JavaScript yang mengeksekusi cabang if-else. Saat halaman web dimuat, pengguna
diminta untuk memasukkan nilai antara 0 dan 100 di kotak dialog. Setelah pengguna
memasukkan nilai, skrip JavaScript akan mengevaluasi nilainya. Jika nilainya lebih besar
dari atau sama dengan 60, variabel hasil disetel ke string "Lulus". Namun, jika nilainya
kurang dari 60, variabel hasil disetel ke string "Kegagalan". Skrip JavaScript kemudian
menampilkan pesan "Hasil : " dengan nilai variabel hasil dalam elemen dokumen
menggunakan metode document write().

4.Latihan 6-4
 Pada latihan kali ini kita menggunakan kode JavaScript untuk menampilkan
sebuah jendela prompt dan menggunakan sebuah statement switch-case untuk
menampilkan teks yang berbeda-beda di halaman web tergantung pada nilai
yang dimasukkan oleh pengguna ke dalam prompt. Lebih spesifiknya, ketika
tombol "switch" diklik, fungsi "test()" dijalankan yang meminta pengguna
untuk memasukkan nilai dari 1 hingga 5. Kemudian, nilai yang dimasukkan
tersebut dievaluasi dengan statement switch-case yang akan menentukan teks
yang ditampilkan di halaman web sesuai dengan nilai yang dimasukkan oleh
pengguna. Jika nilai yang dimasukkan bukan dari 1 hingga 5, maka teks
"bilangan lainnya" akan ditampilkan.

5.Latihan 6-5

Pada latihan kali ini kita menggunakan sebuah halaman HTML dengan sebuah
program Javascript di dalamnya. Program Javascript tersebut menggunakan loop
for untuk menampilkan angka 0 hingga 10 di halaman web dengan menggunakan
fungsi document.write(). Setiap angka yang ditampilkan diikuti dengan tag <br>
untuk membuat baris baru.
6.Latihan 6-6

Pada latihan kali kita menggunakan sebuah halaman HTML dengan sebuah
program Javascript di dalamnya. Program Javascript tersebut menggunakan loop
do-while untuk menampilkan angka 0 hingga 10 di halaman web dengan
menggunakan fungsi document.write(). Setiap angka yang ditampilkan diikuti
dengan tag <br> untuk membuat baris baru.

7.Latihan 6-7
Pada latihan kali ini kita menggunakan sebuah dokumen HTML dengan sebuah
program JavaScript yang berjalan di dalamnya. Program tersebut akan
menampilkan angka dari 0 hingga 10 secara berurutan dengan menggunakan
perintah "while" dan "document.write" untuk menampilkan teks pada halaman
web. Setiap angka akan ditampilkan dalam baris yang berbeda dengan
menggunakan tag HTML "<br>". Variabel "x" awalnya diinisialisasi dengan nilai
0 dan akan terus di-increment (ditambah 1) dengan setiap iterasi hingga mencapai
angka 10.

8.Latihan 6-8 a
Pada Latihan kali ini saya menggunakan program HTML dengan tambahan script
Javascript yang digunakan untuk mengecek apakah sebuah bilangan input
merupakan bilangan genap atau ganjil. Program ini memiliki sebuah form yang
terdiri dari dua input text, yaitu T1 dan T2, serta sebuah button dengan nilai
"TEBAK" yang akan memanggil fungsi "test()" ketika diklik.
Fungsi "test()" akan mengambil nilai dari input T1, memeriksa apakah nilai
tersebut merupakan bilangan genap atau ganjil dengan menggunakan operasi
modulus, dan menampilkan hasilnya pada input T2. Apabila T1 bernilai genap,
maka T2 akan berisi teks "bilangan genap", sedangkan apabila T1 bernilai ganjil,
maka T2 akan berisi teks "bilangan ganjil".

9.Latihan 6-8 b

Pada latihan kali ini kita menggunakan sebuah dokumen HTML yang mengandung
dua fungsi JavaScript. Fungsi pertama adalah ubahWarnaLB, yang merubah
warna latar belakang dokumen saat dipanggil, sedangkan fungsi kedua adalah
ubahWarnaLD, yang mengubah warna teks dokumen saat dipanggil. Kode juga
berisi empat tombol yang memanggil fungsi tersebut dengan argumen warna yang
berbeda. Selain itu, kode juga menampilkan waktu terakhir dokumen dimodifikasi
melalui fungsi document.lastModified pada bagian bawah halaman.
C. PROSES DAN HASIL EVALUASI/KASUS
Tugas 1
Tampilan yang keluar pada kode HTML di atas adalah sebuah halaman web
yang menampilkan sebuah formulir dengan satu kolom input angka dan satu
kolom output karakter. Script JavaScript digunakan untuk mengonversi nilai
input menjadi karakter sesuai dengan aturan konversi yang telah ditetapkan.
Fungsi test() akan dijalankan saat tombol "Convert" ditekan. Nilai yang
dimasukkan oleh pengguna akan diambil dari kolom input "T1" menggunakan
document.kirim.T1.value. Kemudian, nilai tersebut akan diuji dengan
serangkaian kondisi IF untuk menentukan karakter yang akan ditampilkan di
kolom output "T2".
Jika nilai di luar jangkauan 0 hingga 100, maka pesan "Input anda salah!"
akan ditampilkan di kolom output "T2". Jika nilai berada di dalam jangkauan
0 hingga 100, maka karakter yang sesuai dengan rentang nilai tersebut akan
ditampilkan di kolom output "T2".

Tugas 2
 Pada kode tersebut merupakan halaman HTML yang berisi form kalkulator sederhana
dengan empat operasi dasar yaitu tambah, kurang, kali, dan bagi.

D. SIMPULAN
Kesimpulan yang saya dapat adalah pada jobsheet 6 ini kita disuruh untuk membuat
percobaan latihan tampilan dan membuat tugas dengan tugas pertama mengkonversi
nilai angka menjadi nilai huruf menggunakan Javascript dan tugas kedua membuat
halaman HTML untuk menampilkan program kalkulator sederhana menggunakan
Javascript.