如何在函数中添加事件侦听器

How to add an event listener inside a function

提问人:aashumakova 提问时间:4/26/2023 最后编辑:Barmaraashumakova 更新时间:4/26/2023 访问量:29

问:

我想在我的函数中添加一个事件侦听器来启动游戏,也就是让计算机从我的单词对象中选择一个带有键的随机单词。我希望玩家点击单词类别,也就是键,让计算机从该数组中随机选择一个单词。 我的游戏板上已经有单词类别的事件侦听器。这是我当前没有事件侦听器的代码

const words = {
    arm: ['humerus', 'ulna', 'radius'],
    leg: ['femur', 'tibia', 'fibula'],
    skull: ['frontal', 'occipital', 'temporal'],

}
const wordArray = words.arm;
secretWord = wordArray[Math.floor(Math.random() * wordArray.length)];

这是我的缓存元素和按下按钮的工作事件侦听器:

const wordCategoriesButton = document.getElementById('words-container');

wordCategoriesButton.addEventListener('click', function (event) {
    const categoryValue = event.target.textContent;
    console.log('Category button clicked:', categoryValue);
})

我正在尝试这个,但它不起作用:

const wordArray = wordCategoriesButton;
secretWord = wordArray[Math.floor(Math.random() * wordArray.length)];
console.log(secretWord)

提前感谢您的帮助和建议!:)

JavaScript 函数 事件 侦听器

评论

0赞 mykaf 4/26/2023
wordCategoriesButton是一个元素 (),但您尝试将其视为一个数组const wordCategoriesButton = document.getElementById('words-container');const wordArray = wordCategoriesButton; secretWord = wordArray[Math.floor(Math.random() * wordArray.length)];
0赞 Barmar 4/26/2023
“将事件侦听器添加到我的函数中”是什么意思?您没有在此处显示任何函数(事件侦听器调用的函数除外)。
0赞 Barmar 4/26/2023
是否要将按钮的值用作对象的键?words

答: 暂无答案