javascript - Event during a loop

Question

I have this code:

let release = false;
document.querySelector(".class").onmouseup = () => {
    release = true;
}
document.querySelector(".class").onmousedown = (e) => {
    if (e.button === 0) {
        release = false;
        while (!release) {
            console.log("click pressed")
        }
    }
}

But when i click, the event onmouseup is not toggled and the loop doesn't stop. How i can make this is work ?

Answer 1

As a commenter said : Dont use infinite loops. That will block code execution.

You have almost a working code. Try this :

  let release = false;
  document.querySelector(".class").onmouseup = () => {
    release = true;
    console.log('click released');
  }
  document.querySelector(".class").onmousedown = (e) => {
    if (e.button === 0) {
        release = false;
        console.log("click pressed")
    }
  }