Update index.html

index.html

@@ -17,6 +17,8 @@
         <li><a href="#contact">Contact</a></li>
       </ul>
     </nav>
+    <!-- Tombol Mode Gelap dengan Ikon -->
+    <button id="toggleDarkMode" aria-label="Toggle Dark Mode">🌙</button>
   </header>
 
   <section id="home">
@@ -66,14 +68,12 @@
   <!-- JavaScript -->
   <script>
     // Fungsi untuk mengubah mode gelap
-    const toggleDarkModeButton = document.createElement("button");
-    toggleDarkModeButton.id = "toggleDarkMode";
-    toggleDarkModeButton.textContent = "Mode Gelap";
-    document.body.appendChild(toggleDarkModeButton);
+    const toggleDarkModeButton = document.getElementById("toggleDarkMode");
 
     // Cek apakah mode gelap sudah dipilih sebelumnya
     if (localStorage.getItem('darkMode') === 'enabled') {
       document.body.classList.add('dark-mode');
+      toggleDarkModeButton.textContent = '☀️'; // Ubah ikon ke matahari
     }
 
     // Event listener untuk tombol mode gelap
@@ -82,19 +82,12 @@
 
       if (document.body.classList.contains("dark-mode")) {
         localStorage.setItem("darkMode", "enabled");
+        toggleDarkModeButton.textContent = '☀️'; // Ubah ikon ke matahari
       } else {
         localStorage.setItem("darkMode", "disabled");
+        toggleDarkModeButton.textContent = '🌙'; // Ubah ikon ke bulan
       }
     });
-
-    // Chatbox toggle
-    document.getElementById("chatButton").addEventListener("click", function () {
-      const chatbox = document.getElementById("chatbox");
-      const message = document.getElementById("chatMessage");
-
-      chatbox.style.display = "block";
-      message.textContent = "Halo! Tanyakan tentang skill atau project saya.";
-    });
   </script>
 </body>
 </html>