From be1bd04c2cf821e968cc6f38b08b67924d15ee38 Mon Sep 17 00:00:00 2001
From: C-o-m-o-n <comon928@gmail.com>
Date: Mon, 18 Dec 2023 07:20:21 +0300
Subject: [PATCH] bgmusic and settings toggle

---
 index.html                  |  2 +-
 resources/js/AudioPlayer.js | 18 +++++++++---------
 resources/js/index.js       | 30 +++++++++++++++---------------
 3 files changed, 25 insertions(+), 25 deletions(-)

diff --git a/index.html b/index.html
index ac221f5..82235b8 100644
--- a/index.html
+++ b/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>
diff --git a/resources/js/AudioPlayer.js b/resources/js/AudioPlayer.js
index a54b4a5..c319e07 100644
--- a/resources/js/AudioPlayer.js
+++ b/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',
 ]);
diff --git a/resources/js/index.js b/resources/js/index.js
index f3f5b08..67c0f2e 100644
--- a/resources/js/index.js
+++ b/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();
+    });
+
+});
 
-// });
-// }