From: Carl Worth <cworth@cworth.org>
Date: Wed, 7 Dec 2022 01:00:07 +0000 (-0800)
Subject: Fix the mute toggle
X-Git-Url: https://git.cworth.org/git?p=zombocom-ai;a=commitdiff_plain;h=f6456ad9bba89f98bbed7c5b64122dd0a9568912

Fix the mute toggle

Which we broke by dropping its id in the previous commit.
---

diff --git a/index.html b/index.html
index 0bc723c..8214163 100644
--- a/index.html
+++ b/index.html
@@ -53,14 +53,14 @@
   </div>
 
   <audio loop="" src="/zombo_words.mp3" type="audio/mpeg"></audio>
-  <button class="fade volume">
+  <button id="mute" class="fade volume">
     <div>🔊</div>
     <script>
-const button = document.querySelector("#button");
-const icon = document.querySelector("#button > div");
+const mute = document.querySelector("#mute");
+const icon = document.querySelector("#mute > div");
 const audio = document.querySelector("audio");
 
-button.addEventListener("click", () => {
+mute.addEventListener("click", () => {
   if (audio.paused) {
       audio.volume = 0.2;
       audio.play();
@@ -69,7 +69,7 @@ button.addEventListener("click", () => {
       audio.pause();
       icon.innerHTML = "🔊";
   }
-  button.classList.add("fade");
+  mute.classList.add("fade");
 });
     </script>