Check if certain button is clicked - Javascript

Question

I'm sure this has been asked before.

Basically, I'm creating an RPG calculator - what I wanted to know is if there is a way for me to assign an ID to certain button elements in HTML and check if they are clicked. The reason for this is so that I can keep everything under a single function, rather than spanning it over multiple functions like I would have done a year ago.

Any way for me to do such a thing?

Assuming I got marked down for asking the question. Not sure why that is, but whatever, thank you for the help! — Kashiki, May 13 '14 at 19:11

score -1 · Answer 1 · answered May 13 '14 at 19:08

<div>
  <button class="btn">Button 1</button>
  <button class="btn">Button 2</button>
</div>

<script>
  var els = document.getElementsByClassName('btn');
  for (var i = 0; i < els.length; i++) {
    els[i].id=i;
    els[i].addEventListener('click', function () { console.log(this); });
  }
 </script>

Check if certain button is clicked - Javascript

1 Answers1