Javascript wait for button press before resuming function

Question

I want the user to be able to choose whether they want the received ace card to be worth 1 or 11. I therefore prompt them with two buttons (#aceOne and #aceEleven) but I want to wait until they set the value themselves by pressing one before continuing the game.

The pressed buttons invoke the function aceWorth(ace)(This function also does other things) - passing the parameter 1 or 11 depending on button press, the function sets its value.

So - how do I force halt the code until the user presses one of the buttons - and then run the function (aceworth) to set the value of the card?

document.getElementById("aceOne").addEventListener("click", aceWorth(1))
document.getElementById("aceEleven").addEventListener("click", aceWorth(11))

function aceWorth(ace){
    window.cardValue = ace}

stacj · Accepted Answer · 2020-09-10 14:07:18Z

2

Using the below line while passing the return value of aceWorth(1) as parmeter instead of the function is not how you can bind events.

You are calling aceWorth() and binding it's return value as argument. Try to use the arrow Syntax () => {doSomething();}

.addEventListener("click", aceWorth(1))

You can do something like this:

function aceWorth(ace) {
    window.cardValue = ace;
    console.log(ace);
}
    
aceOne.addEventListener("click", () => aceWorth(1));
aceEleven.addEventListener("click", () => aceWorth(11));

<button id="aceOne">1</button>
<button id="aceEleven">11</button>

answered Sep 10, 2020 at 14:07

stacj

1,1221 gold badge9 silver badges23 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Javascript wait for button press before resuming function

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related