Fixing pause font

sk66641 · Aug 10, 2024 · f005c9b · f005c9b
1 parent 04f6a61
commit f005c9b
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 5 deletions.
diff --git a/index.html b/index.html
@@ -186,7 +186,7 @@
           <li class="logo"><a href="./index.html"><img src="assets/images/logo/logo..png" alt="Website Logo"></a></li>
           <li><a href="#" id="reload" style="display: none;" aria-label="reload"><i class="fa-solid fa-rotate-right"></i> Reload</a></li>
           <!-- <li><a href="#" id="addTime" aria-label="Add Time" style="display: none;">Add Time</a></li> -->
-          <li><a href="#" id="pauseStartBtn" style="display: none;" aria-label="Pause/Start"><i class="fa-solid fa-pause"></i><span class="button-text">Pause</span></a></li>
+          <li><a href="#" id="pauseStartBtn" style="display: none;" aria-label="Pause/Start"><i class="fa-solid fa-pause"></i>Pause</a></li>
           <li><a href="#" id="fullscreenBtn" aria-label="Toggle Fullscreen"><i class="fa fa-chalkboard-teacher" aria-hidden="true"></i> Fullscreen</a></li>
           <li><a href="#" id="editBtn" aria-label="Edit"><i class="fa-solid fa-pen-to-square"></i> Edit</a></li>
           <!-- edit drop down content -->

diff --git a/js/script.js b/js/script.js
@@ -652,8 +652,8 @@ document.addEventListener('DOMContentLoaded', () => {
         pauseStartButton.textContent = 'Resume';
         isPaused = true;*/
         // console.log(musicAudio); testing
-        pauseStartButton.querySelector('i').className = 'fa-solid fa-play';
-        pauseStartButton.querySelector('span').textContent = 'Resume';
+
+        pauseStartButton.innerHTML='<i class="fa-solid fa-play"></i>Resume';
         isPaused = true;
 
     }
@@ -679,8 +679,7 @@ document.addEventListener('DOMContentLoaded', () => {
         pauseStartButton.textContent = 'Pause';
         //pauseStartButton.textContent = document.getElementById("pauseStartBtn").innerHTML;
         isPaused = false;*/
-        pauseStartButton.querySelector('i').className = 'fa-solid fa-pause';
-        pauseStartButton.querySelector('span').textContent = 'Pause';
+        pauseStartButton.innerHTML = '<i class="fa-solid fa-pause"></i>Pause';
         isPaused = false;
     }