Estoy tratando de obtener la identificación de un elemento HTML y procesarlo con una función llamada entrada de proceso cada vez que se hace clic en ese elemento en lugar de que el usuario ingrese la identificación por sí mismo.

 // this function doesn't execute until I get the user to define the user input variable, which works fine. function getUserInputUsingPrompt() { let userInput = prompt('Please, enter either rock, paper or scissors'); processInput(userInput); //Works :) } // but in this function, the code doesn't stop excuting until a click event is fired :( function getUserInputUsingClickEvent() { let userInput = '' let buttons = document.querySelectorAll('img'); buttons.forEach(button => { button.addEventListener('click', e => userInput = e.target.id) }) processInput(userInput); // Doesn't work :( } function processInput(input) { //do some work with input. }

Estoy tratando de hacer que la función con el evento de clic deje de ejecutarse hasta que obtenga un evento de clic que definirá la variable de entrada de usuario.