webmusic.js: set onclick-event on state element just once

1 files changed, 2 insertions, 2 deletions

diff --git a/webmusic.js b/webmusic.js
index e4f2c6c..6f9e166 100644
--- a/webmusic.js
+++ b/webmusic.js
@@ -71,8 +71,9 @@ window.onkeyup = function (event) {
 function initState() {
 	const dirElements  = document.querySelectorAll(".dir");
 	const fileElements = document.querySelectorAll(".file");
+	let   id           = 0;
 
-	let id = 0;
+	document.getElementById("state").addEventListener("click", togglePlayback)
 
 	dirElements.forEach(function(element){
 		element.id = id++;
@@ -166,7 +167,6 @@ function toggleContinue() {
 }
 
 function updateState() {
-	document.getElementById("state").setAttribute('onclick', 'togglePlayback()');
 	let statestr = "[";
 	statestr += gstate;
 	if (sound.playing()) {