Run ❯
Get your
own
website
Result Size:
625 x 565
×
Change Orientation
Save Code
Change Theme, Dark/Light
Go to Spaces
<!DOCTYPE html> <html> <head> <script> function myFunction(elmnt, clr) { elmnt.style.color = clr; } </script> </head> <body> <h1>JavaScript HTML Events</h1> <h2>The onmousedown and onmouseup Attributes</h2> <p onmousedown="myFunction(this,'red')" onmouseup="myFunction(this,'green')"> Click the text to change the color. A function, with parameters, is triggered when the mouse button is pressed down, and again, with other parameters, when the mouse button is released. </p> </body> </html>