Click Event Handler Using Bind

by Aaron Crowder

HTML

<script src="https://rawgit.com/CrowderSoup/jsutils/master/jsfiddle-utils.js"></script>
<button id="ourBtn">Click Me!</button>

<div id="log"></div>

JavaScript

function btnClickHandler(event) {
    this.numberOfTimesClicked++;
    log("The button has been clicked " + this.numberOfTimesClicked + " time(s)");
}

function btnClickTracker() {
    this.numberOfTimesClicked = 0;

    return this;
}

var button = document.getElementById("ourBtn");
var tracker = new btnClickTracker();

button.addEventListener("click", btnClickHandler.bind(tracker));