keydown event with named function

[Justan Jefferson]

I'm making a javascript game, and I want the player to be able to press enter to start the game but remove the event listener during the game, and re-add it after the player has died.

My code is

startGameBtn.addEventListener('keydown', startGameOnEnter) function startGameOnEnter (event) {  console.log(event.key)  if (event.key === 'Enter') {    startGame()    removeEventListener('keydown', startGameOnEnter)  } }

however, I cannot supply the event and the function does not work.

[Bear Bibeault]

You are adding the event listener to a button, but trying to remove it from the window.

[Bear Bibeault]

P.S. A key listener on a button? Eh?

[Justan Jefferson]

Bear Bibeault wrote:P.S. A key listener on a button? Eh?

oops... I fixed it.

const startGameOnEnter = function (event) {  console.log(event.key)  if (event.key === 'Enter') {    startGame()    removeEventListener('keydown', startGameOnEnter)  } } startGameBtn.addEventListener('click', startGame) addEventListener('keydown', startGameOnEnter.bind(KeyboardEvent))

this now starts the game but still doesn't remove the listener

[Bear Bibeault]

Now you are not passing the same function to the add and remove calls. (because of the bind)

[Justan Jefferson]

Bear Bibeault wrote:Now you are not passing the same function to the add and remove calls. (because of the bind)

I changed it and it's not making a difference.

const startGameOnEnter = function (event) {  console.log(event.key)  if (event.key === 'Enter') {    startGame()    removeEventListener('keydown', startGameOnEnter.bind(KeyboardEvent))  } } startGameBtn.addEventListener('click', startGame) addEventListener('keydown', startGameOnEnter.bind(KeyboardEvent))

[Bear Bibeault]

You're still passing different functions. bind() works by creating a new function that wraps the original function. See https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_objects/Function/bind

[Justan Jefferson]

I fixed it by using a variable assigned to an unnamed function and `variable`.bind().

Thanks for the support!