bgmusic and settings toggle

index.html

@@ -68,6 +68,6 @@ <h1 class="shake"> Score:<span id="score"></span></h1>
 	</div>
 	</div>
 <!-- Something -->
-<script src="resources/js/index.js" defer type="module"></script>
+<script src="resources/js/index.js"  type="module"></script>
 	</body>
 </html>

resources/js/AudioPlayer.js

@@ -66,18 +66,18 @@ class BackgroundMusicPlayer {
 
 // Create an instance of the AudioPlayer class   // Export the instance for use in the mein module
 export const audioPlayer = new AudioPlayer(
-    '../audio/success-sound.mp3',
-    '../audio/wrong.mp3',
-    '../audio/click.mp3',
-    '../audio/tick_time_sound.mp3',
-    '../audio/tick_time_sound.mp3'
+    '/resources/audio/success-sound.mp3',
+    '/resources/audio/wrong.mp3',
+    '/resources/audio/click.mp3',
+    '/resources/audio/tick_time_sound.mp3',
+    '/resources/audio/tick_time_sound.mp3'
   );
 
 // Usage
 export const backgroundMusicPlayer = new BackgroundMusicPlayer([
 
-  '../audio/lady-of-the-80.mp3',
-  '../audio/digital-love.mp3',
-  '../audio/a-hero-of-the-80.mp3',
-  '../audio/stranger-things.mp3',
+  '/resources/audio/lady-of-the-80.mp3',
+  '/resources/audio/digital-love.mp3',
+  '/resources/audio/a-hero-of-the-80.mp3',
+  '/resources/audio/stranger-things.mp3',
 ]);

resources/js/index.js

@@ -1,6 +1,6 @@
 // //main js file
 
-// import { audioPlayer, backgroundMusicPlayer } from './AudioPlayer';
+import { audioPlayer, backgroundMusicPlayer } from './AudioPlayer.js';
 // // Generate a randiom number between 1 and 10
 // //let targetNumber = Math.floor(Math.random() * 10) + 1;
 // const guessInput = document.getElementById('guessInput');
@@ -17,8 +17,8 @@ const settingsContainer = document.getElementById('settings');
 // const range1 = document.getElementById('range_');
 // const range2 = document.getElementById('range');
 // const applySettingsButton = document.getElementById('savesettings');
-// const toggleBgMusic = document.getElementById('toggleBgMusic');
-// const stopBgMusicButton = document.getElementById('stopBgMusic');
+const toggleBgMusic = document.getElementById('toggleBgMusic');
+const stopBgMusicButton = document.getElementById('stopBgMusic');
 // // const timeBox = document.getElementById('time');
 
 
@@ -269,18 +269,18 @@ settingsToggle.addEventListener('click', toggleSettings);
 // });
 
 // // Pause the background music
-// stopBgMusicButton.addEventListener('click', () => {
-//     backgroundMusicPlayer.stop();
-// });
+stopBgMusicButton.addEventListener('click', () => {
+    backgroundMusicPlayer.stop();
+});
 
-// window.addEventListener('load', () => {
-//     // Play a random background track when the page loads
-//     // backgroundMusicPlayer.playRandomTrack();
+window.addEventListener('load', () => {
+    // Play a random background track when the page loads
+    backgroundMusicPlayer.playRandomTrack();
 
-//     toggleBgMusic.addEventListener('click', () => {
-//         console.log("icon clicked")
-//         backgroundMusicPlayer.playRandomTrack();
-//     });
+    toggleBgMusic.addEventListener('click', () => {
+        console.log("icon clicked")
+        backgroundMusicPlayer.playRandomTrack();
+    });
+
+});
 
-// });
-// }