石头、布、剪刀-Javascript

尝试使用addEventListener时出现此问题，如果我使用的事件不读取我，请单击我拥有的按钮：

<input type="button" name="rps_button" id="rps_button" class="box_styled" value="Try Your Luck!">
        <label for="rps_button"></label>

关于这个偶数问题，我在这里遗漏了什么？

您错误地实现了addEventListener

这个

应该是这个吗

rps.addEventListener('click', () => {
  console.log("Clicked!");
});

您还可以使用常规函数而不是箭头函数

rps.addEventListener('click', function() {
  console.log("Clicked!");
});

所以基本上你的活动是射击。。但是回调函数没有正确实现，因此您从未获得console.log

下面是一个工作示例

const rps=document.getElementByIdrps_按钮； const rps_radio=document.queryselectoral'input[name=rps]； 让userAnswer=； 让compAnswer=； rps.addEventListener'click'，=>{ console.log“单击”； }; 函数初始化{ 用户应答； console.loguserAnswer； } 函数useranswer{ console.logrps_radio.value； 对于var i=0；i你在哪里调用了init函数？我没有看到它被用在任何地方，在台阶上工作，试图通过。因此，当Smokey使用Arrow函数发布解决方案时，我设法执行=>init addEventListener的第二个参数需要是一个函数。console.logClicked！是一个被调用的函数，返回未定义的。因此，您实际上将undefined作为addEventListenerSee的第二个参数传递。有关更多详细信息，请参阅Hanks了解有关该参数的信息，但不知道与此的区别。您是否有任何关于arrow函数存在的原因的参考资料？在过去的两个小时里，在W3和MDN之间，我从来没有看到过这一点&在胡闹之后，我设法得到了它。注意：目前正在为类编写final&我以前从未见过这样的eventlistener。如果你这样做了，这是一个在事件列表中使用匿名函数的示例。如果你这样做了，这将解释常规函数和arrow函数之间的区别

rps.addEventListener('click', () => {
  console.log("Clicked!");
});

rps.addEventListener('click', function() {
  console.log("Clicked!");
});