- attempt to fix qr code creation button

Author: TobiasMue91

tools/spotify_music_quiz_cards.html

@@ -338,9 +338,11 @@ <h2 class="text-xl font-bold mb-4">Create QR Codes from Playlist</h2>
         document.getElementById('playlistModal').style.display = 'none';
     }
 
-    // Add this to initialize the slider
-    document.getElementById('songSlider').addEventListener('input', function(e) {
-        document.getElementById('songCount').textContent = e.target.value;
+    document.addEventListener('DOMContentLoaded', function() {
+        document.getElementById('songSlider').addEventListener('input', function(e) {
+            document.getElementById('songCount').textContent = e.target.value;
+        });
+        document.getElementById('createQRButton').onclick = showPlaylistModal;
     });
 
     async function processPlaylist() {
@@ -397,18 +399,14 @@ <h2 class="text-xl font-bold mb-4">Create QR Codes from Playlist</h2>
         }
     }
 
-    // Update the click handler for the createQRButton
-    document.getElementById('createQRButton').onclick = showPlaylistModal;
-
     function initializePlayer(token) {
         document.getElementById('setup').classList.add('hidden');
         document.getElementById('player').classList.remove('hidden');
         localStorage.setItem('spotify_access_token', token);
+
         playerInstance = new Spotify.Player({
             name: 'Development Player',
-            getOAuthToken: cb => {
-                cb(token);
-            }
+            getOAuthToken: cb => { cb(token); }
         });
 
         playerInstance.addListener('ready', async ({ device_id }) => {
@@ -453,7 +451,6 @@ <h2 class="text-xl font-bold mb-4">Create QR Codes from Playlist</h2>
         });
 
         document.getElementById('pauseResumeButton').onclick = togglePauseResume;
-        document.getElementById('createQRButton').onclick = createQRCodesFromPlaylist;
         playerInstance.connect();
     }