Source Code:
(back to article)
Submit
Result:
Report an issue
<!DOCTYPE html> <html> <head> <title>Title of the Document</title> </head> <body> <button id="buttonId">Click me</button> <script> class Welcome { handleEvent(event) { // mousedown -> onMousedown let method = 'on' + event.type[0].toUpperCase() + event.type.slice(1); this[method](event); } // Mouse button pressed onMousedown() { buttonId.innerHTML = "Welcome to "; } //and released onMouseup() { buttonId.innerHTML += "...W3Docs."; } } let welcome = new Welcome(); buttonId.addEventListener('mousedown', welcome); buttonId.addEventListener('mouseup', welcome); </script> </body> </html>