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

swap out a JavaScript function for a fresh function

What is the best way to save the values of all the input fields in a datatable, excluding any fields that are empty?

swapping out an external CSS file in React for a new CSS file

Setting URL parameters dynamically to the action attribute of a form using JavaScript code

Encountering an error with TypeScript in combination with Angular 2 and Grunt. The error message is TS

instructions on how to exclusively close a bracket within a double bracket in a regular expression match

Get the final element with a for loop in Angular 2

Utilizing TypeScript interfaces to infer React child props

Running the test suite in another tab is causing it to fail

Problems Arise Due to HTA File Cache

Displaying a list of JSON data in HTML using Angular.js is a breeze

Javascript code to verify whether the page is currently positioned at the top

Tips on ensuring data cleanliness in jQuery input fields

"Getting Started with Respond.js: A Step-by-Step

Ways to verify the functionality of a webpage once it has been loaded on my local machine's browser

What is an alternative method to retrieve form data without relying on bodyParser?

Ways to conceal components of an external widget on my site

The variable $ has not been defined in Jquery framework

Utilizing jQuery to Calculate Tab Scores

Issue: The variable THREE has not been defined within the FBXLoader code