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) { switch(event.type) { case 'mousedown': buttonId.innerHTML = "Welcome to"; break; case 'mouseup': buttonId.innerHTML += "... W3Docs."; break; } } } let welcome = new Welcome(); buttonId.addEventListener('mousedown', welcome); buttonId.addEventListener('mouseup', welcome); </script> </body> </html>