ChangingTextButton

by santon

HTML

<button id="myButton">Click Me</button>
<p id="message"></p>

JavaScript

var myBtn = document.getElementById("myButton");

var clickTracker = {
    count:0,
    getMessage: function() {
        var message;
        
        switch(this.count) {
            case 1: message = "You pushed the button"; break;
            case 2: message = "You pushed the button (again)."; break;
            case 3: //fall Through
            case 4: //fall Through
            case 5: //fall Through
                message = "You pushed the button "+ this.count + " times."; break;
            default: message = "Stop pushing the button"    
        }
        return message;
    }
};


function processClick() {
	clickTracker.count++;
    document.getElementById("message").innerHTML = clickTracker.getMessage();
}

myBtn.addEventListener("click", processClick);