<!DOCTYPE html>
<html lang="ar" dir="rtl"> <!-- 🔹 HTML: Arah tulisan Arab kanan-ke-kiri -->
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>#</title>
🎨 BAGIAN CSS: TAMPILAN / HIASAN
<style>
/* Dasar teks */
.kata {
cursor: pointer;
font-size: 18px;
padding: 4px 8px;
color: #1a1a1a;
}
/* Gaya saat TANDA BINTANG MUNCUL */
.kata.aktif::after {
content: " *";
color: red;
font-weight: bold;
}
</style>
</head>
<body>
🦴 HTML: STRUKTUR / ISI / TULISAN
<div class="wadah">
<h3>#</h3>
<p>
<span class="kata">#</span>
<span class="kata">#</span>
</p>
</div>
⚡ JS: PENGGERAK
<script>
// 1. CARI: semuaKata
// 2. ULANGI: Kasih perintah
// 3. DENGARKAN: Kalau diklik...
// 4. KERJAKAN: Tambah/Hapus
</script>
</body>
</html>