Laprak WEB Modul III [PDF]

Citation preview

LAPORAN PRAKTIKUM PEMROGRAMAN WEB 1 MODUL III



Disusun Oleh: Mochamad Ridzal Febryana 20190910152



FAKULTAS ILMU KOMPUTER PROGRAM STUDI SISTEM INFORMASI UNIVERSITAS KUNINGAN 2021



Pre Test 1. Jelaskan perbedaan CSS dan Javascript? 2. Tuliskan kode Javascript menggunakan variable untuk menampilkan biodata! Jawab: 1. Javascript adalah bahasa pemrograman berbasis WEB yang memiliki karakter multiplatfrom dan multi user, dimana pada bahasa ini bisa melakukan berbagai operasi aritmatika dan operasi-operasi lain yang berhubungan dengan pengendalian suatu kejadian atau pengontrolan dari tampilan, sedangkan CSS merupakan aturan untuk mengatur beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam. 2. Kode program:



Praktikum Praktikum 1(Javascript Dasar)



• •



Simpan dengan nama prak3_1.html Buka file tersebut pada web browser, amati dan jelaskan



Terlihat didalam tampilan keluar peringatan yang dimana itu menggunakan perintah alert(“ “) dan juga menampilkan tulisan dengan document.write().



Praktikum 2(Variabel)



• •



Simpan dengan nama prak3_2.html Buka file tersebut pada web browser, amati dan jelaskan



Disini kita bisa membedakan yang mana menambahkan variabel dan operasi aritmatika.



Praktikum 3(Confirm)



• •



Simpan dengan nama prak3_3.html Buka file tersebut pada web browser, amati dan jelaskan



Pada tampilan terlihat peringatan dengan opsi yang bias kita pilih, perintah yang digunakan adalah membuat dulu variabel i yang merupakan konfirmasi jendela dan memberikan opsi dengan window.alert.



Praktikum 4(Prompt)



• •



Simpan dengan nama prak3_4.html Buka file tersebut pada web browser, amati dan jelaskan



Pada tampilan terlihat kita memasukan nama dan email menggunakan peringatan diweb dan menampilkannya, discript kita membuat 2 variabel window.prompt dimana untuk variabel nama dan email, lalu memanggilnya.



Praktikum 5(Function dan Event)



• •



Simpan dengan nama prak3_5.html Buka file tersebut pada web browser, amati dan jelaskan



Pada tampilan ini terlihat kita memasukan sebuah nilai dalam inputan jumlah SKS dan Bayar SKS, dan jika klik hitung maka Total pembayaran akan menghasilkan output. Untuk memasukan value dari html pada javascript, kita harus mendeklarasikannya dijavascript dengan cara menuliskan document.namaform.namavariabel.value pada variabel javascript.



Lalu operasi aritmatika dilakukan pada javascript dan ketika mengklik hitung, fungsi operasi aritmatika dilakukan.



Praktikum 6(If Then)



• •



Simpan dengan nama prak3_6.html Buka file tersebut pada web browser, amati dan jelaskan



Pada tampilan diatas kita memasukan nilai pada prompt, lalu muncul tampilan kedua yang dimana memiliki syarat dimana bilangannya lebih dari 10, jika kita memasukan kurang dari 10 maka tidak keluar output apapun.



Praktikum 7(If Then Else Bertingkat)



• •



Simpan dengan nama prak3_7.html Buka file tersebut pada web browser, amati dan jelaskan



Pada tampilan diatas kita memasukan nilai input html, dan mengklik proses dan fungsi menentukan bilangan positif, negatif, dan nol. Segala operasi aritmatika dilakukan di javascript, lalu output ditampilkan dalam bentuk alert. Pada if then else, ada 3 kondisi, yaitu jika bilangan kurang dari 0, lebih dari 0, dan sama dengan 0 yang menghasilkan output yang berbeda-beda tergantung pada kondisi yang terpenuhi.



Praktikum 8(Switch Case)



• •



Simpan dengan nama prak3_8.html Buka file tersebut pada web browser, amati dan jelaskan



Pada tampilan diatas menampilkan alert sesuai dengan nomo perintah, sistemnya sama seperti if else yang variabelnya meggunakan nomor.



Praktikum 9(For)



• •



Simpan dengan nama prak3_9.html Buka file tersebut pada web browser, amati dan jelaskan



Pada tampilan diatas menampilkan kuadrat dari hasil for yang dimana syntaxnya sama seperti for pada umumnya.



Praktikum 10(Array)



• •



Simpan dengan nama prak3_10.html Buka file tersebut pada web browser, amati dan jelaskan



Pada tampilan diatas terdapat array yang berupa nama hari dan nama bulan, yang dideklarasikan sesuai dengan urutannya melalui variabel hari dan bulan sekarang melalui getDay, dan getMonth.



Post Test



Pertanyaan dan Tugas Syntax:



Post Test