click experiment

diff --git a/app.js b/app.js
index 8991623f8189ea36fd8dba54878ba3aa4d68ada6..6bf84eb4428a2a7a71530a8845d18246c4859fc3 100644 (file)
--- a/app.js
+++ b/app.js
@@ -554,11 +554,11 @@ function initialize() {
 
     const wf = document.getElementById("wsurfer");
 
+    /*
     wf.addEventListener("mouseenter", (e) => {
         console.log("mouse in detected on wf: ", e);
     });
 
-    /*
     wf.addEventListener("mouseleave", (e) => {
         console.log("mouse leave detected on wf: ", e);
     });
@@ -566,11 +566,11 @@ function initialize() {
 
     let temps = new Array(numlanes);
 
-    for(let i=0; i < numlanes; i++) { 
-        temps[i] = document.getElementById("wsurfer");
+    for(let i = 0; i < numlanes; i++) { 
+        temps[i] = document.getElementById("lane-" + (i + 1));
 
         //lane detection
-        temps[i].addEventListener("mouseenter", (e) => {
+        temps[i].addEventListener("click", (e) => {
             console.log("mouse in detected on temp lane..." + i, e);
         });
     }
@@ -586,6 +586,7 @@ function initialize() {
             if(!e.repeat) {
                 const time = ws.getCurrentTime();
                 switch(e.key) {
+
                     case '1':
                         //region_add_in_lane(0, time);
                         //region_add_at_time(time); // <-- this is the first lane; should be changed
@@ -597,9 +598,6 @@ function initialize() {
                     case '3':
                         region_add_in_lane(2, time);
                         break;
-                    case '4':
-                        region_add_in_lane(3, time);
-                        break;
                 } 
             }