Advertisement
trentjs

assign click to button class

Oct 20th, 2020 (edited)
223
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. // sampel html...
  2. //<div id="div01" class="btnClassName" data-info="info 01">Div One</div>
  3. //<div id="div02" class="btnClassName" data-info="info 02">Div Two</div>
  4.  
  5. // assign event listener to class...
  6. var btnClassList = document.getElementsByClassName("btnClassName");
  7. for (var i = 0; i < btnClassList.length; i++) {
  8.     btnClassList[i].addEventListener("click", btnClassClick);
  9. }
  10. // GET ID AND DATA-INFO FROM CLICK...
  11. function btnClassClick(){
  12.     var thisId = this.id;
  13.     var thisIdSrc = document.getElementById(thisId)
  14.     var thisDataInfo = thisIdSrc.getAttribute('data-info');
  15.     console.log(thisId + " : " + thisDataInfo);
  16. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement