Fitur

• Input nama barang
• Input harga
• Input jumlah
• Hitung total

---

HTML

<input type="text" id="barang">
<input type="number" id="harga">
<input type="number" id="jumlah">

<button onclick="hitung()">
Hitung
</button>

<h2 id="hasil"></h2>

---

JavaScript

function hitung(){

let harga =
document.getElementById("harga").value;

let jumlah =
document.getElementById("jumlah").value;

let total = harga * jumlah;

document.getElementById("hasil")
.innerHTML =
"Total Bayar : Rp " + total;

}

---

TUGAS PRAKTIK MANDIRI

Tugas 1

Buat program:

• Input nama siswa
• Input nilai
• Menampilkan status lulus atau tidak

---

Tugas 2

Buat kalkulator:

• Tambah
• Kurang
• Kali
• Bagi

---

Tugas 3

Buat daftar hadir siswa menggunakan array.

---

Tugas 4

Buat aplikasi penghitung luas:

• Persegi
• Persegi Panjang
• Segitiga

---

Tugas 5 (Proyek Portofolio)

Buat Website Profil Pribadi yang memiliki:

• Header
• Biodata
• Pendidikan
• Skill
• Galeri Foto
• Tombol Ubah Tema Gelap/Terang menggunakan JavaScript
• Tombol Tampilkan/Sembunyikan Biodata

EVALUASI AKHIR

1. Jelaskan fungsi JavaScript dalam website.
2. Apa perbedaan var, let, dan const?
3. Apa fungsi percabangan if?
4. Apa fungsi perulangan for?
5. Apa perbedaan Array dan Object?
6. Jelaskan fungsi DOM.
7. Apa fungsi Event?
8. Bagaimana cara mengambil elemen HTML berdasarkan ID?
9. Buat program menghitung luas persegi.
10. Buat program validasi form login sederhana.