ES6 & DOM Manipulation

Deskripsi

Proyek ini berisi kumpulan latihan dan tantangan praktikum untuk mempelajari fitur-fitur modern JavaScript (ES6+) serta manipulasi Document Object Model (DOM). Fokus utama proyek ini adalah implementasi konsep-konsep seperti Template Literals, Arrow Functions, Spread Operator, dan Array Methods dalam membangun antarmuka web yang interaktif.

Materi & Fitur

• Modern JavaScript (ES6+): Penggunaan let & const, Arrow Functions, Template Literals (${}), dan Spread Operator.
• DOM Manipulation: Menyeleksi elemen, menangani events, serta memodifikasi konten dan class CSS secara dinamis melalui classList.toggle.
• Array Methods: Implementasi .map() untuk merender data dari array ke dalam elemen HTML secara efisien.
• Mini Project: Aplikasi To-Do List interaktif yang menerapkan manajemen state sederhana menggunakan fitur ES6.

Struktur Folder

root/
├── tantangan/
│   └── todo.html      # Mini project: To-Do List berbasis ES6
├── tugas/
│   ├── index.html     # Latihan dasar manipulasi DOM
│   ├── tugas1.js      # Script tugas tambahan
│   └── tugas2.js      # Script tugas tambahan
├── LKM.txt            # Lembar Kerja Mahasiswa (Jawaban Materi)
└── README.md          # Dokumentasi proyek

Cara Menjalankan

1. Unduh atau clone proyek ini ke komputer Anda.
2. Buka folder proyek.
3. Buka file index.html (di folder tugas) atau todo.html (di folder tantangan) langsung menggunakan browser favorit Anda.
4. Gunakan fitur Inspect Element (Console) untuk melihat log atau melakukan debugging.

---

Dikembangkan oleh: @franzxml