1. Menampilkan Output pada javascript:
Untuk menampilkan sebuah output disini kita akan menggunakan tag HTML <script> element
digunakan untuk menulis script, atau lebih tepatnya adalah untuk menyisipkan script. Lalu kita
tambahkan alert() adalah fungsi untuk menampilkan jendela dialog. Lalu kita tambahkan function
yang fungsi nya untuk memanggilkan sesuatu property button yang akan kita tulis nanti setelah itu
kita tambahkan property alert contohnya saya menuliskan alert(“Hello”);. Nah lalu kita tambahkan
button untuk percantik sesuatu web seperti ini <button onclick="sayHello()">Klik Aku!</button>.
Bila sudah kita buka di web dan hasil nya akan seperti ini:
Bila kita mengklik “Oke” dan selanjutnya kita mengklik “Klik Aku!” maka tampilannya akan seperti ini
Nama:Muhammad Raihan Pasha
PRODI: D4 TRPL B
Mata kuliah:PWD
Laporan Javascript
2. innerHTML adalah sebuah atribut di dalam (objek) elemen HTML yang berisi string HTML.
Dengan innerHTML, kita dapat menampilkan output ke elemen yang lebih spesifik. pada menu body
disini ada banyak elemen HTML diantaranya disini daya memakai elemen <h1> yang fungsinya untuk
membuat suatu Header, ada juga <div> yang fungsinyanya membagi menjadi beberapa div didalam
div berisi <script> didalam script kita membuat objek elemen memakai elemen var, var adalah
sebuah Variabel yang bisa diisi dengan berbagai macam nilai seperti string (teks), number (angka),
objek, array, dan sebagainya. Selanjutnya kita akan menampilkan sebuah output ke elemen hasil
yang telah kita buat tadi dan ini lah hasilnya:
3. Disini kita akan membuat suatu variable javascript, disini kita memakai Tag <script> dan memakai
elemen variable, variable pertama jangan lupa diisi tanda contohnya disini saya akan memberi judul
jadi saya memberi tanda var name, var kedua ditandai dengan visitorCount(pengunjung situs) Pada
Javascript kita dianjurkan menggunakan camelCase dalam penamaan. Boleh-boleh saja
menggunakan snake case atau underscore , var ke tiga ditandai dengan isActive(pengunjung aktif),
dan url(Alamat situs). Lalu kita akan menampilkan ke jendela menggunakan (alert). Seperti ini
alert("Selamat datang di " + name);, lalu kita akan menampilkan isi variable dalam HTMLnya seperti
ini
document.write("Nama Situs:" + name + "<br>");
document.write("Jumlah Pengunjung:" + visitorCount + "<br>");
document.write("Status Aktif:" + isActive + "<br>");
document.write("Alamat URL:" + url + "<br>");
dan hasilnya akan seperti ini pada browser
4. Dialog alert() biasanya digunakan untuk menampilkan sebauh pesan peringatan atau informasi.
Disini kita menulisnya di bagian <body> dan didalam body kita beri property <script> barulah kita
membuat alertnya dan hasil outputnya seperti dibawah ini:
5. Kita juga bisa menggunakan alert pada button seperti ini <button onclick="alert('Tombol
diklik!')">Klik Saya</button>, yang fungsinya bila kita mengklik button yang telah kita buat maka
akan muncul sebuah halaman yang memberitahu “Tombol diklik!” Seperti dibawah ini:
6. Selanjutnya Dialog confirm() akan mengembalikan nilai true apabila kita memilih tombol OK dan
akan mengembalikan nilai false apabila kita memilih Cancel. Nilai kembalian ini dapat kita tampung
dalam variabel untuk diproses. Bila kita mengklik Oke maka kita akan dibawa ke sebuah website
yang telah kita buat melalui var yakin= confirm("apakah kamu yakin akan mengunjungi petani
kode?");
Sebaliknya jika kita mengklik batal maka akan muncul sebuah dokumen.write yang kita tulis tadi
seperti ini document.write("baiklah, tetap disini saja yaaa:)");
7. Dialog prompt berfungsi untuk mengambil sebuah inputan dari pengguna. Dialog prompt akan
mengembalikan sebuah nilai string dari apa yang diinputkan oleh pengguna. Yang artinya bila kita
memasukkan sebuah kalimat pada inputan maka inputan yang tadi kita telah ketik akan muncul
contohnya: disini kita masih memakai elemen var, var nama = prompt("Siapa nama kamu?", "");
lalu dilanjutkan dengan menulis sebuah document yang ingin kita isi +nama yang akan di inputkan
oleh pengguna htmlnya seperti ini document.write("<p>Hello" + nama + "</p>");. Maka inilah hasil
yang akan terjadi diweb:
8. Operator penugasan adalah operator yang digunakan untuk memberikan tugas kepada variabel.
Biasanya digunakan untuk mengisi variabel.
9.
10.
11. Operator ternary pada Javascript, biasanya digunakan untuk membuat sebuah percabangan if/else.
Apabila kondisi bernilai true, maka "benar" yang akan dipilih dan sebaliknya—apabila false—maka
"salah" yang akan dipilih. Opertor ini unik, seperti membuat pertanyaan. DiHTML ini masih
menggunakan variable/var dan di var kita isi dengan confirm dan disi dengan pertanyaan yang inging
anda tanyakan kepada pengguna. Lalu kita variable kan hasil pertanyaan yang telah kita dengan
halaman yang nanti bila kita pilih true atau false contohnya var hasil = pertanyaan ? "SELAMAT
DATANG <3" : "KAMU TIDAK BOLEH DISINI!!!"
Bila kita mengklik oke pada pertanyaan yang telah kita buat diatas tadi maka halaman akan
menerima anda dihalaman selanjutnya
Sebaliknya bila kamu Klik Batal maka halaman tidak akan menginjinkanmu masuk dan akan muncul
sebuah keterangan yang kita tulis tadi
