Laporan 4

Javascript

Oleh
Muhammad Rizieq Kaifan

NIM : 1957301069
Kelas : TI 1 B
Program Studi : Teknik Informatika
No. Laporan : 04/TI/2020
Dosen Pembimbing : Amirullah SST, M.Kom

KEMENTERIAN RISET, TEKNOLOGI DAN PERGURUAN TINGGI

POLITEKNIK NEGERI LHOKSEUMAWE
TAHUN AJARAN 2020

i
 LEMBAR PENGESAHAN

Nomor Praktikum : 04/ 1B/TI/2020

Nama Praktium : Javascript Dasar
Judul Praktikum : Javascript Dasar
Tanggal Praktikum : 24 Maret 2020
Tanggal Penyerahan Laporan : 24 Maret 2020
Nama Praktikan : Muhammad Rizieq Kaifan
NIM / Kelas : 1957301069 / TI 1.B
Nilai :
Keterangan :

Buketrata, 24 Maret 2019

Dosen Pembimbing,

Amirullah SST, M.Kom

Nip. 197002261998022001

ii
 DAFTAR ISI

Lembaran Pengesahan ......................................................................................................II

Daftar Isi ......................................................................................................................... III
A. Tujuan ........................................................................................................................ 1
B. Landasan Teori ......................................................................................................... 2
C. Percobaan dan Analisis .............................................................................................. 3
D. Latihan dan Analisis ................................................................................................ 12
E. Kesimpulan .............................................................................................................. 17
Daftar Pustaka ................................................................................................................. 18

iii
A. Tujuan

1. Anda tidak membutuhkan compiler karena web browser mampu

menginterpretasikannya dengan HTML;
2. Lebih mudah dipelajari jika dibandingkan dengan bahasa
pemrograman lainnya;
3. Error atau kesalahan lebih mudah dicari dan ditangani;
4. Dapat dialihtugaskankan ke elemen halaman web atau even
tertentu, misalnya klik atau mouseover;
5. JS dapat digunakan di berbagai browser, platform, dan lain-lain.
6. Anda dapat menggunakan JavaScript untuk memvalidasi input
dan mengurangi keinginan untuk mengecek data secara manual;
7. Dengan JavaScript, website Anda menjadi lebih interaktif dan juga
mampu menarik perhatian lebih banyak pengunjung;
8. Lebih cepat dan ringan jika dibandingkan dengan bahasa
pemrograman lainnya.

1
 B. Dasar Teori

JavaScript adalah bahasa pemograman yang digunakan untuk

menambahkan fitur interaktif pada website anda, seperti ketika ingin
membuat game, melakukan perubahan ketika mengklik tombol, efek
dinamik, animasi, dan masih banyak lagi. Tutorial ini adalah dasar dari
JavaScript yang akan memberikan gambaran apa yang bisa anda buat
dengan JavaScript.

Apakah Javascript yang sebenarnya

JavaScript adalah bahasa pemograman yang sangat matang dan dapat

dikolaborasikan dengan dokumen HTML dan digunakan untuk membuat
website yang interaktif. JavaScript diciptakan oleh Brendan Eich yang
juga co-founder dari Mozilla project, Mozilla Foundation dan Mozilla
Corporation.
Anda dapat melakukan banyak hal dengan JavaScript. Anda akan
memulai dari fitur sederhana seperti menentukan layout, membuat
respon ketika mengklik button, caousels, dan gallery gambar. Namun
pada akhirnya ketika anda sudah mendapat banyak pengetahuan anda
juga akan dapat membuat game, animasi 2D dan 3D, aplikasi yang
berhubungan dengan database, dan masih banyak lagi.

JavaScript sendiri adalah bahasa yang cukup komplek namun sangat

fleksibel, dan banyak Developer (Programmer) telah menyediakan tool
yang berdiri diatas core JavaScript agar anda dapat menggunakan fungsi
- fungsi ekstra, tool tersebut sebagai berikut :

• Application Programming Interfaces (APIs) dibangun pada web browser agar

memungkinkan anda melakukan apapun dari dinamik dokumen HTML dan set
CSS yang anda buat, untuk menangkap dan memodifikasi video dari web cam,
atau membuat animasi 3D dan sampel audio.
• API pihak ketiga menyediakan akses bagi Developer untuk menghubungkan
aplikasi mereka pada website atau aplikasi lain layaknya facebook dan twitter.
Pernahkan anda login soundcloud dengan facebook ? itu API pihak ketiga.
• Frameworks pihak ketiga dan libraries dapat digabungkan pada HTML sehingga
memungkinkan Developer membangun website atau aplikasi dengan cepat.

2
C. Percobaan dan Analisis
Percobaan 1

Analisis : membuat alert dengan kalimat Hallo bisa menggunakan javascript dengan tag
<script> dan dengan language javascript.

Percobaan 2

3
Analisis :
Analisis : membuat tampilan kalimat “halo every body” bisa menggunakan
document.write dengan javascript tag <script> dan dengan language javascript.

Percobaan 3

Javascript eksternal

4
Analisis : Pada Percobaan 3 menggunakan java script eksternal yaitu halaman notepad
baru dengan cara dipanggil melalu Contoh : src=”alert.js” di bagian tag scriptnya. alert.js
Adalah nama javascript eksternalnya

Percobaan 4

Analisis : pada percobaan 4 yaitu memanggil javasript melalui body onload di bagian tag
body. Caranya menggunakan function dan nama function tersebut. Misal
function pesan ()
pesan merupakan nama function kita

5
Percobaan 5

Analisis :
Pada program percobaan no 5 menggunakan perulangan do while. Kemudian untuk kata
komentar satu baris kalian bisa menggunakan 2 slash (//) untuk komentar yang bisa terdiri
dari beberapa baris kalian bisa menggunakan slash bintang (/*) dan tutupnya bintang
slash (*/)

Percobaan 6

6
Percobaan 7

Percobaan 8

7
Percobaan 9

Percobaan 10

8
Percobaan 11

Percobaan 12

Percobaan 13

9
Percobaan 14

Percobaan 15

10
11
 LATIHAN
1. Konversi bilangan ke variable

SourceCode

Analisis :
Untuk membuat konversi sebuah nilai dengan menggunakan java script,
menggunakan fungsi if...else if.... else statement – fungsi ini digunakan
untuk memilih salah satu dari banyak blok kode yang akan dieksekusi.
If...else if...else Statement

12
2. Menampilan semua bilangan ganjil sesuai batas yang diinputkan user
kecuali kelipatan 5

SourceCode

13
Analisis :
Membuat program untuk menentukan bilangan ganjil kecuali kelipatan 5
dengan batasan dan menggunakan perintah window.prompt().
Prompt box sering digunakan bagi user jika ingin memasukkan nilai
sebelum memasuki sebuah halaman.
Ketika sebuah kotak prompt muncul, user harus klik "OK" atau "Batal"
untuk melanjutkan setelah memasukkan nilai input.
Jika user mengklik "OK" kotak mengembalikan nilai masukan. Jika user
mengklik "Batal" kotak mengembalikan null.

3. Membuat program kalkulator sederhana menggunakan javascript

14
SourceCode

15
Analisis :
Pada Program ini kita disuruh membuat kalkulator sederhana dengan
operator matematika berupa tombol dan jika kita klik tombolnya makan
akan muncul hasil dibagian input text hasil. Caranya menggunakan
function per operator aritmatika contoh seperti gambar diatas
Function tambah ()
Function kurang ()
Function kali ()
Function bagi ()

16
E. Kesimpulan

Javascript merupakan sebuah tools cara kerjanya hanya memerlukan

interpreter sehingga tidak membutuhkan compiler agar bisa
menjalankannya. Bahkan, Cara Kerja Javascript di website Anda Bahasa
pemrograman Javascript biasanya di-embeded ke halaman website
secara langsung atau diarahkan dengan file Javascript yang terpisah.

Dengan banyaknya kemudahan, para developer biasanya menggunakan

javascript untuk mempersingkat waktu pengerjaan. Karena jika
mengerjakannya dengan bahasa pemrograman manual tanpa adanya
otomatisasi, akan membuat waktu pengerjaan aplikasi semakin lama.

Hal ini akan berpengaruh dengan kinerja dan kepuasan pelanggan

kepada sang developer. Nah, bagi anda yang ingin belajar jadi developer
baik website ataupun aplikasi. Persiapkan dengan matang beberapa
pengetahuan tools yang dapat mempermudah pembuatan aplikasi anda.

17
 Daftar Pustaka

1. https://www.hostinger.co.id/tutorial/apa-itu-javascript/
2. https://www.scribd.com/doc/96674243/Membuat-Konversi-Nilai-Menentukan-Bilangan-Ganjil-
dengan-Batasan-Menggunakan-Java-Script
3. https://kuliahcak.blogspot.com/2017/02/kalkulator-sederhana-meggunakan-
html.html?showComment=1585059785278#c8058151383434312500

18