Ich habe 4 Kategorien und eine Schaltfläche für jede Kategorie! Was ich tun möchte, ist eine andere Skriptdatei auf Knopfdruck auszuführen! Wenn Sie zum Beispiel auf die Schaltfläche "Sport" klicken, wird eine andere Skriptdatei ausgeführt und durch Klicken auf die Schaltfläche "Musik" wird eine andere Skriptdatei ausgeführt.Verschiedene externe Javascript-Dateien auf verschiedenen Tasten zuordnen
Im Moment läuft das Skript nur beim Klicken auf die erste Schaltfläche! Nichts passiert, wenn ich auf die anderen 3 Knöpfe klicke!
<button class="start-btn" id="start" type="button" name="button">Sports</button>
<button class="start-btn" id="start" type="button" name="button1">Movies</button>
<button class="start-btn" id="start" type="button" name="button2">Politics</button>
<button class="start-btn" id="start" type="button" name="button3">Mythology</button>
<audio id="game-audio" src="assets/audio/game-audio.mp3" autoplay loop></audio>
<script id="category" data-name="20" src="assets/javascript/app1.js"></script>
</body>
</html>
Sie können Element IDs nicht auf der gleichen Seite wiederholen. Sie sind per Definition einzigartig. Verwenden Sie verschiedene Attribute wie Ihren 'Namen', um zu unterscheiden, was in der Ereignisbehandlung zu tun ist. – charlietfl
Sehen Sie meine Antwort und betrachten Sie es als die richtige für Ihren Fall. –