LAPORAN III PEMROGRAMAN WEB

JAVA SCRIPTS I

Oleh :

Nama : Sella Yuniar

NPM : 19082010044
Kelas : Pararel A

PROGRAM STUDI SISTEM INFORMASI

FAKULTAS ILMU KOMPUTER
UNIVERSITAS PEMBANGUNAN NASIONAL “VETERAN” JAWA TIMUR
2021
1. Judul Praktikum
Praktikum kali ini merupakan praktikum ketiga yaitu Java Scripts I.

2. Tujuan Praktikum
Adapun tujuan dari praktikum ini adalah sebagai berikut:
a. Mahasiswa dapat mengoperasikan struktur java scripts
b. Mahasiswa dapat memakai objek dan form pada java scripts

3. Teori Dasar
Javascript adalah bahasa skrip yang ditempelkan pada kode HTML dan diproses
di sisi klien. Dengan adanya bahasa ini, kemampuan dokumen HTML menjadi semakin
luas. Sebagai contoh, dengan menggunak an JavaScript dimungkinkan untuk
memvalidasi masukan-masukan pada formulir sebelum formulir dikirimkan ke server.
Javascript bukanlah bahasa Java dan merupakan dua bahasa yang berbeda. Javascript
diinterpretasikan oleh klien (kodenya bisa dilihat pada sisi klien), sedangkan kode java
dikompilasi oleh pemrogram dan hasil kompilasinyalah yang dijalankan oleh klien.

4. Tools dan Software

Perangkat lunak yang digunakan dalam praktikum ini diantaranya:
1. Laptop dengan os windows 10
2. Sublime Text
3. Xampp
4. Web browser Google Chrome

5. Langkah Kerja
Berikut merupakan urutan langkah kerja dari praktikum yang telah dilakukan:
5.1 Membuat File Baru di Sublime Text.
5.2 Mengerjakan contoh yang ada di PowerPoint Basic Java Script, yaitu:
a. Menulis Output ke Konsol Browser
b. Menulis Output ke Alert Dialog Box
c. Menulis Output ke Jendela Browser (1)
d. Menulis Output ke Jendela Browser (2)
 e. Memasukan Output di dalalam Elemen HTML
5.3 Mengerjakan contoh yang ada di modul praktikum, yaitu:
a. Operasi dasar aritmatika
b. Operasi relational
c. Penggunaan operator switch untuk seleksi kondisi Pemakaian looping < for >
d. Pemakaian looping < do..while >
Pemakaian looping < while >
e. Form Input dan form button

5.4 Mengerjakan latihan yang ada di modul praktikum

5.5 Jalankan dengan menggunakan Web Browser.

6. Hasil Praktikum
6.1 Mengerjakan contoh yang ada di PowerPoint Basic Java Script
a. Script HTML dan screenshot
menulis_output_ke_konsol_browser.html
menulis_output_ke_alert_dialog_box.html
menulis_output_ke_jendela_browser(1).html
menulis_output_ke_jendela_browser(2).html
memasukan_output_di_dalam_elemen_html.html
 b. Analisis

menulis_output_ke_konsol_browser.html
- Script Javascript ini berfungsi untuk menampilkan output di konsol browser
menulis_output_ke_alert_dialog_box.html
- Script Javascript ini berfungsi untuk menampilkan kotak dialog berisi pesan.
menulis_output_ke_jendela_browser(1).html
- Script Javascript ini berfungsi untuk menulis konten ke dokumen html.
menulis_output_ke_jendela_browser(2).html
- Jika menggunakan script javascript di inputtype button maka setelah button diklik
isi halaman sebelumnya akan hilang.
memasukan_output_di_dalalam_elemen_html.html
- Script Javascript ini berfungsi untuk menulis dan menyisipkan keluaran di dalam
elemeen html menggunakan elemen dalam HTML.

6.2 Mengerjakan contoh yang ada di modul praktikum

a. Script HTML dan Screenshot
operasi_dasar_aritmatika1.html
operasi_dasar_aritmatika2.html
operasi_relational1.html
operasi_relational2.html
penggunaan_operator_switch1.html
penggunaan_for.html
pemakaian_looping_do_while.html
form_input.html
form_button.html
b. Analisis

operasi_dasar_aritmatika1.html
- Membuat pesan peringatan kotak dialog peringatan dan memanggilnya lewat
vody onload.
operasi_dasar_aritmatika2.html
- Membuat program javascript untuk melakukan perhitungan perkalian, pembagian,
tambah dan kurang.
operasi_relational1.html
- Membuat program javascript yang berisi operator seperti = =, !=, >, dan <
operasi_rational2.html
- Membuat program javascript dengan if dan else
penggunaan_operator_switch.html
- Membuat program javascript dengan switch case
pengunaan_for.html
 - Membuat membuat program javascript dengan looping for
pemakaian_looping_do_while.html
- Membuat membuat program javascript dengan looping do while
form_input.html
- Membuat membuat program javascript dengan input type text dan button. Pada
input type text t1 data bisa di ambil nilainya oleh javascript dan dikeluarkan di
input type text t2.
form_button.html
- Membuat membuat program javascript dengan input type button untuk mengubah
warna latar belakang dan warna text pada halaman html

6.3 Mengerjakan Latihan

a. Script HTML dan screenshot

latihan1.html
latihan2.html
b. Analisis

latihan1.html

- Membuat program javascript untuk mengkoversi nilai menjadi huruf.

Mengunakan prompt untuk mengisikan data dan document.write() untuk
menampikan output

Latihan2.html

- Membuat program javascript kalkulator sederhana dengan operator artimatika

yang berfungsi untik perkalian, pembagian, tambah dan kurang.
- Untuk mengatur tampilan menggunakan css.
 6.4 Link github

7. Kesimpulan
Kesimpulan yang saya dapat dari praktikum ini adalah saya dapat mengetahui
bermacam-macam cara untuk menampilkan output dihtml. Javascript memiliki banyak
operator artimatika seperti untuk perkalian, pembagian, tambah, dan kurang. Kita juga
dapat menggunakan operasi relational if..else di javascript. Dengan menggunakan
javascript kita dapat membuat program seperti konversi angka menjadi huruf, kalkulator
sederhana, dan masih banyak lagi program yang dapat dibuat.