需要知道如何选择一个变量,基于哪个按钮我点击(Javascript)

Need to know how to select a variable, based on which button I click on (Javascript)

本文关键字:于哪个 变量 按钮 Javascript 一个 何选择 选择      更新时间:2023-09-26

所以,我有一些图片,我可以点击它们,它们触发比较函数。我还在程序中定义了一些变量。

我需要知道如何制作一个事件侦听器,该侦听器将知道我单击了哪个图像并选择用于比较的适当变量。我使用JavaScript作为语言。我想知道是否有人有一些建议或知道一种方法来做这样的事情。

部分代码:

 // the image button
<div> <button onclick="Tri_Peak_Game();">
<img class="card" id="leftRow4E1" src="cardback.jpg" alt="cardback"
style="width: 100px; height: 150px; top: 200px; left: 150px; position: absolute;" />
</button> </div>
// Then I would have a variable like this 
var foo;

您可以将参数传递给您在onclick上调用的函数。

<button onclick="Tri_Peak_Game('card_1');">
  <img class="card" id="leftRow4E1" src="cardback.jpg" alt="cardback"
   style="width: 100px; height: 150px; top: 200px; left: 150px; position: absolute;" />
</button>
<button onclick="Tri_Peak_Game('card_2');">
  <img class="card" id="leftRow4E1" src="cardback.jpg" alt="cardback"
   style="width: 100px; height: 150px; top: 200px; left: 150px; position: absolute;" />
</button>

或者你可以简单地通过this。通过这种方式,您可以访问您所单击的元素。

<button onclick="Tri_Peak_Game(this);">
  <img class="card" id="leftRow4E1" src="cardback.jpg" alt="cardback"
   style="width: 100px; height: 150px; top: 200px; left: 150px; position: absolute;" />
</button>