rcass
10/21/2017 - 3:33 AM

closure example using buttons

closure example using buttons

index.html
content_copyfile_download
<!DOCTYPE html>
<html>
<head>
	<title>Array of Loops</title>
</head>
<body>
  <button id="first">First</button>
  <button id="second">Second</button>
  <button id="third">Third</button>
	<script type="text/javascript" src="button.js"></script>
</body>
</html>
button.js
content_copyfile_download
var buttons = getElementByTagName('button');

function createHandler(name){
  return function(){
    console.log(name);
  }
}

for( var i = 0; i < buttons.length; i += 1 ){
  var button = buttons[i];
  var buttonName = button.innerHTML;
  button.addEventListener('click', createHandler(buttonName));
}