-----If else, For, Function-----
Nama : Khairul Adi Extrana
Kelas : XI TJKT 3
No. Abs : 24
Soal:
1. Buat game Batu, Gunting, Kertas dengan IF.
2. Buat looping bentuk Z dengan JS lebar dan panjang nya input lewat prompt.
3. Buat function untuk ganti text di HTML. Ketika button di klik textnya akan berubah (“Selamat
Datang!” di rubah menjadi “Halo, Dek!!”).
Jawab:
1.
Codingan HTML
Deskripsi :
<script src="[Link]"></script> : Menyisipkan skrip JavaScript yang terdapat dalam file
"[Link]" ke dalam halaman. Ini berarti bahwa ada sebuah file JavaScript bernama
"[Link]" yang akan dieksekusi pada halaman ini.
Codingan JS
Deskripsi :
var Element = ["Guting","Batu","Kertas"] : Mendefinisikan sebuah array Element yang
berisi tiga elemen: "Gunting", "Batu", dan "Kertas".
var Element1 = Element[[Link]([Link]() * [Link])] : Memilih secara
acak satu elemen dari array Element menggunakan fungsi [Link]() dan
[Link](). Elemen yang dipilih akan disimpan dalam variabel Element1.
var pilih = prompt ("Pilih Gunting, Batu atau Kertas") : Menggunakan fungsi prompt()
untuk meminta pengguna memasukkan pilihan mereka (Gunting, Batu, atau Kertas).
Pilihan pengguna akan disimpan dalam variabel pilih.
Struktur kondisional (if, else if, dan else) digunakan untuk mengevaluasi hasil permainan
berdasarkan pilihan pengguna dan pilihan computer :
- Jika pilih sama dengan "Gunting", maka akan dilakukan evaluasi terhadap Element1
(pilihan computer). Pesan yang sesuai akan ditampilkan menggunakan alert().
- Jika pilih sama dengan "Batu", evaluasi juga dilakukan terhadap Element1 dan pesan
yang sesuai akan ditampilkan.
- Jika pilih sama dengan "Kertas", evaluasi juga dilakukan terhadap Element1 dan pesan
yang sesuai akan ditampilkan.
Hasil dari codingan di atas
2.
Codingan HTML
Deskripsi :
<script src="[Link]"></script> : Menyisipkan skrip JavaScript yang terdapat dalam file
"[Link]" ke dalam halaman. Ini berarti bahwa ada sebuah file JavaScript bernama
"[Link]" yang akan dieksekusi pada halaman ini.
Codingan JS
Deskripsi :
var value = prompt("Masukkan Lebar & Tinggi") : Menciptakan variabel value dan
menggunakan fungsi prompt untuk meminta pengguna memasukkan nilai lebar dan tinggi
pola. Nilai yang dimasukkan oleh pengguna akan disimpan dalam variabel value.
for (a = 0;a < value;a++) { : Membuat loop pertama dengan variabel loop a, dimulai dari
0 dan berlanjut hingga kurang dari nilai yang dimasukkan oleh pengguna (value).
for (b = 0;b < value; b++) { : Membuat loop kedua dengan variabel loop b, dimulai dari 0
dan berlanjut hingga kurang dari nilai yang dimasukkan oleh pengguna (value).
if (a == 0 || a == value - 1 || a + b === value - 1) { : Sebuah kondisi if yang menguji
apakah nilai a adalah 0, atau nilai a adalah nilai maksimal dikurangi 1 (value - 1), atau
apakah jumlah a + b sama dengan nilai maksimal dikurangi 1 (value - 1). Jika salah satu
kondisi ini terpenuhi, maka blok kode dalam kurung kurawal akan dijalankan.
[Link]("*") : Jika kondisi pada langkah 4 terpenuhi, maka sebuah bintang (*)
akan ditulis ke dalam dokumen.
else { [Link]("="); } : Jika kondisi pada langkah 4 tidak terpenuhi, maka tanda
sama dengan (=) akan ditulis ke dalam dokumen.
[Link]("<br>");: Setelah satu baris selesai, sebuah tag baris baru (<br>) akan
ditulis ke dalam dokumen untuk membuat pola membentuk segitiga.
Hasil dari codingan di atas
3.
Codingan
Deskripsi :
<script src="[Link]"></script>: Memuat dan menjalankan skrip JavaScript eksternal
dari file "[Link]". Ini memungkinkan penambahan fungsionalitas melalui JavaScript
yang terpisah dari HTML.
<p id="greeting">Selamat Datang!!</p>: Elemen paragraph dengan ID "greeting" yang
berisi teks "Selamat Datang!!".
<button onclick="ubahTeks()">Ganti Text</button>: Tombol dengan atribut onclick yang
memanggil fungsi JavaScript ubahTeks() saat tombol diklik.
Skrip JavaScript internal yang mendefinisikan fungsi ubahTeks().
<h1>: Ini adalah tag HTML yang menunjukkan elemen heading level 1. Elemen heading
digunakan untuk menandai judul atau heading suatu bagian dalam dokumen HTML.
Fungsi ini mengganti isi dari elemen dengan ID "greeting" menjadi "Hallo, Dek!!"
ketika dipanggil.
Hasil dari codingan di atas