What causes addEventListener to not return a value?

Question

What causes addEventListener to not return a value?

In this snippet of code:

let rockClick = rockBtn.addEventListener('click', playRound.bind("rock", computerPlay(), false));

After using console.log(), the output is undefined. The purpose of rockBtn:

const rockBtn = document.querySelector("#rock");

is to target the button with the id of #rock. Clicking on this button should trigger the playRound function with "rock" as its first parameter and computerPlay() as the second. This function is responsible for conducting a single round of rock paper scissors.

Nevertheless, when I click the rock button, nothing occurs, prompting me to assign the rockBtn.addEventListener to a variable and utilize console.log(), which yields undefined. Why is this outcome arising? How can it be resolved?

For reference, here is the fiddle link: https://jsfiddle.net/JaredDev/8syrwfm9/48/

javascript click addeventlistener

Answer 1

Answer №1

It appears that there are errors in the code provided

The bind() method requires the first argument to be the this context, followed by the function parameters
It is uncertain what you expect from returning a value from the addEventListener method, as it is a void method and returns undefined
To call playGround on a click event of rockBtn, you just need to do the following:

const rockBtn = document.querySelector("#rock");

rockBtn.addEventListener('click', () => {
        playRound("rock", computerPlay(), false)
    });

A working example can be found at this fiddle link.

https://jsfiddle.net/h306pudt/

Answer 2

It appears that there are errors in the code provided

The bind() method requires the first argument to be the this context, followed by the function parameters
It is uncertain what you expect from returning a value from the addEventListener method, as it is a void method and returns undefined
To call playGround on a click event of rockBtn, you just need to do the following:

const rockBtn = document.querySelector("#rock");

rockBtn.addEventListener('click', () => {
        playRound("rock", computerPlay(), false)
    });

A working example can be found at this fiddle link.

https://jsfiddle.net/h306pudt/

What causes addEventListener to not return a value?

Answer №1

Similar questions

Tips for retrieving data from a JSON array

There was an error in the syntax: JSON parsing error, an unrecognized token '<'

webpack is failing to load SVG files

What is the best way to determine if my code is executing within a NodeJS environment?

Prevent the ability to drag and drop within specific div elements

Enhancing the Strength of Password Generator

The onClick() function in JavaScript is encountering issues on the Firefox OS mobile application

Utilize Vue to condense cells within a table

Implementing a redirect and setting a background image dynamically in ASP.NET using code-behind

Having trouble with implementing the Drag API Function alongside Javascript Arrow Functions?

The methods $.get() and $.ajax() in jQuery are failing to retrieve data from PHP

Trouble with React Material Select Options Failing to Populate

What is the best way to declare strings within a Typescript interface?

Tips for hiding a sidebar by clicking away from it in JavaScript

"Dynamically moving" background on canvas

Displaying a div on click using Jquery will only impact one div at a time

Convert a list into a hierarchical structure of nested objects

do not display entries with expired duration

What is the best way to handle a single promise from a shared listener?

How can I fix the issue of clearInterval not functioning properly in an Electron JS application?