tylernchls/clickEvent.html

## clickEvent.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Event Listeners</title>
</head>
<body>
    <h1>Events</h1>

    <div id="btnBox"></div>

    <script type="text/javascript" src="events.js"></script>
</body>
</html>

## clickEvent.js
var btnBox = document.getElementById(('btnBox'));

for (var i = 0; i < 5; i++) {
  var btn = document.createElement('button');
  btn.id = 'btn' + i;
  btnBox.appendChild(btn);

  //add event listener
  btn.addEventListener('click', function() {
    console.log(this.id);
  })
};
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>Event Listeners</title>
	</head>
	<body>
	<h1>Events</h1>

	<div id="btnBox"></div>

	<script type="text/javascript" src="events.js"></script>
	</body>
	</html>
	var btnBox = document.getElementById(('btnBox'));

	for (var i = 0; i < 5; i++) {
	var btn = document.createElement('button');
	btn.id = 'btn' + i;
	btnBox.appendChild(btn);

	//add event listener
	btn.addEventListener('click', function() {
	console.log(this.id);
	})
	};