如果单击或选择它，如何通过事件监听器从 InnerHTML 获取值

Question

我正在尝试从事件监听器获取一个值，我正在创建一个游戏卡，它将在数字之间进行比较，无论我选择什么，它都将采用 ta 值和运行函数，它将比较值，下面是我的游戏的先睹为快

这是我的一些代码，我只是尝试首先创建一个事件侦听器来显示我想要选择的号码

const speed = document.getElementsByClassName("speed"); //getting the class 

如果我点击任何卡上的任何速度它会给我带来价值

speed[3].addEventListener("click", powerSelect); or speed[3].addEventListener("click", battleSpeed(speed[5].innerHTML));
speed[4].addEventListener("click", powerSelect); or speed[4].addEventListener("click", battleSpeed(speed[5].innerHTML));
speed[5].addEventListener("click", powerSelect); or speed[5].addEventListener("click", battleSpeed(speed[5].innerHTML));

function powerSelect(playChoice){
    console.log("Your Choice",playChoice);
}

上面我尝试了两种活动方式都不起作用

Answer 1

您可以通过这些更改来改进代码：

1. 如果您想将事件侦听器应用于具有

   speed

   类的所有元素，您应该使用

   for loop

2. 请勿使用

   or

   ，因为 JavaScript 中不存在关键字

   or

   。

const speeds = document.getElementsByClassName('speed') //getting elements with a class

for (let index = 0; index < speeds.length; index++) {
    const speed = speeds[index]
    speed.addEventListener('click', powerSelect(event))
}

function powerSelect(event) {
    //get the value of the clicked element
    const playChoice = event.target.value
    console.log('Your Choice', playChoice)
}