Scribd
Unggah
143 tayangan6 halaman

Laporan Praktikum Web I Javascript 2

Laporan praktikum ini membahas tentang variabel, output, dan dialog pada Javascript. Terdapat penjelasan tentang tipe data, cara membuat dan menghapus variabel, serta cara menampilkan output menggunakan console.log(), document.write(), dan alert(). Praktikum meliputi penggunaan prompt(), pembuatan tabel dari input user, dan kalkulator sederhana menggunakan operator dasar.

Diunggah oleh

Darmuji
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
143 tayangan6 halaman

Laporan Praktikum Web I Javascript 2

Laporan praktikum ini membahas tentang variabel, output, dan dialog pada Javascript. Terdapat penjelasan tentang tipe data, cara membuat dan menghapus variabel, serta cara menampilkan output menggunakan console.log(), document.write(), dan alert(). Praktikum meliputi penggunaan prompt(), pembuatan tabel dari input user, dan kalkulator sederhana menggunakan operator dasar.

Diunggah oleh

Darmuji
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/ 6

Laporan Praktikum Web I Javascript 2

Dosen Pembimbing:
Dinar Nugroho Pratomo, S.Kom., M.IM., M.Cs.

Disusun Oleh :
Alief Rahman
20/457255/SV/17702

D4 Teknologi Rekayasa Perangkat Lunak


Departemen Teknik Elektro dan Informatika
Sekolah Vokasi
Universitas Gadjah Mada
2020
1. Variabel
Tipe data adalah jenis-jenis data yang bisa kita simpan di dalam variabel.
Ada beberapa tipe data dalam pemrograman Javascript:
● String (teks)
● Integer atau Number (bilangan bulat)
● Float (bilangan Pecahan)
● Boolean
● Object
A. Membuat variable
Var <nama> = <isi variabel>
Cara membuat variabel yang umum digunakan di javascript adalah menggunakan kata
kunci var lalu diikuti dengan nama variabel dan nilainya. Pada Javascript kita dianjurkan
menggunakan camelCase dalam penamaan. Boleh-boleh saja menggunakan snake case
atau underscore tetapi kebanyakan programmer menggunakan camelCase agar terlihat
rapi dan seragam.
B. Menghapus variable
Penghapusan variabel dapat dilakukan dengan kata kunci delete.

C. Mengisi ulang variabel/merubah nilai


Variabel bersifat mutable, artinya nilai yang tersimpan di dalamnya dapat kita isi ulang
(berubah).

Maka nilai variabel hasil akan tertimpa dengan string “kebiasaan”

2. Output dan dialog


1. Menampilkan output
● Fungsi console.log() menampilkan output ke console javascript;
Consol.log biasanya di gunakan untuk melihat error yang ada di script html yang
di tulis. Dan biasanya di pakai untuk keperluan tertentu

● Fungsi document.write() menampilkan output ke dokumen HTML;

document.write() menampilkan output yang akan keluar di halaman web

● dan Fungsi alert() menampilkan output ke jendela dialog.

Diatas menggunakan fungsi dimana jika di panggil akan mengeluar kan


output alert seperti tampilan di bawah

2. Prompt
apabila kita ingin mengambil data teks dari pengguna, maka gunakan prompt().
Prompt bisa di pakai di variabel sehingga akan berfungsi sepagai input untuk user.
Seperti bahas pemrobraman lain. Maka akan keluar sebagai berikut

3. Tugas Praktikum
1. javascript berisikan prompt()

Dalam perkondisian di JS tidak jauh berbeda dengan bahasa lain yaitu


menggunakan if,elif,dan else. If merupakan statement yang berisi ketentuan dan
elif merupakan lanjutan jika perkondisian banyak dan elif merupakan negasi dari
semua statement
2. Membuat Tabel dengan input yang diberikan

Bisa kita lihat di code tersebut jika kita ingin menjalankan code html di JS kita
harus menulisnya di dalama tag document.write() agar dapat terbaca. Jadi bisa
dibilang JS ini memiliki fleksibilitas yang baik. Code html nya pun bisa berjalan
dengan baik dan bisa juga menggunakan CSS dan bootstrap agar dapat membuat
web lebih bagus lagi.
3. Kalkulator sederhana

Tag <input> pertama bertujuan untuk memberikan inputan dari pengguna bertipe
number/int dengan id “bilangan1”
Tag <select> memberikan opsi kepada pengguna untuk memberikan operator berupa
tambah, kurang, bagi, kali dengan id “operator”
Tag <input> kedua bertujuan seperti tag <input>-an pertama tetapi dengan id
“bilangan2”
Tag <span id=”hasil”> </span> digunakan untuk menampilkan hasil dari perhitungan
Tag <button> digunakan untuk membuat tombol dengan id ”submit”

Anda mungkin juga menyukai