Skip to content

Refresh demo project ILT 2 to Calm Playlist - #5

Open
igihcksn wants to merge 3 commits into
02-dom-manipulation-eventfrom
feat/calm-playlist-interaction-demo
Open

Refresh demo project ILT 2 to Calm Playlist#5
igihcksn wants to merge 3 commits into
02-dom-manipulation-eventfrom
feat/calm-playlist-interaction-demo

Conversation

@igihcksn

@igihcksn igihcksn commented Aug 7, 2026

Copy link
Copy Markdown

Changes ini ditujukan untuk melakukan refreshing pada Demo Project di ILT 2, dengan memberikan interaksi yang berbeda untuk diajarkan.

Tema: Calm Playlist
Deskripsi Fitur:

List Music
Sepuluh music dirender ke halaman dari array di utils.js menggunakan .

Filter author
Tombol filter dibuat otomatis dari daftar author unik, ditambah tombol "Semua". Klik ditangani satu listener di container. Tombol aktif ditandai warna, jumlah hasil ditampilkan sebagai "Menampilkan N dari 10 lagu", dan muncul pesan khusus bila tidak ada lagu yang cocok.

Now Playing bar
Bar melayang di bawah halaman yang menampilkan sampul, judul, dan author lagu yang sedang diputar. Bar muncul saat lagu dimainkan dan hilang saat lagu selesai.

Preview: Calm Playlist

@igihcksn
igihcksn requested a review from arasopraza August 7, 2026 09:49
@igihcksn igihcksn changed the title Feat/calm playlist interaction demo Refresh demo project ILT 2 to Calm Playlist Aug 7, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant