Javascript : Click Event Example

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22

<div style="background-color:#D94A38;width:170px;height:80px;margin:20px;padding-top:20px;color:#ffffff;font-weight:bold;font-size:18px;float:left;text-align:center;" onclick="clickMeEvent(this)">Click Me</div> <script type="application/javascript"> function clickMeEvent(obj) { if (obj.innerHTML == "Click Me") { obj.innerHTML = "Click Me<br>Click Me Again"; return; } if (obj.innerHTML == "Click Me<br>Click Me Again") { obj.innerHTML = "Thank You"; return; } if (obj.innerHTML == "Thank You") { obj.innerHTML = "Goodbye"; return; } if (obj.innerHTML == "Goodbye") { obj.style.display = "none"; return; } } </script>