javascript - 需要知道如何根据我点击的按钮来选择变量(Javascript)

Question

所以，我有一些图像可以点击，它们会触发比较功能。我的程序中还定义了一些变量。

我需要知道如何创建一个事件监听器，该监听器将知道我单击了哪个图像并选择用于比较的适当变量。我使用 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;

Answer 1

您可以将参数传递给您在 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>