How to change a text color onmousedown and onmouseup in JavaScript

1 Answer

<!DOCTYPE html>
<html>
<body>

<p id="pid" onmousedown="mouseDown()" onmouseup="mouseUp()">
Click this text. The mouseDown() sets the text color to red. 
The mouseUp() sets the text color to blue
</p>

<script>
function mouseDown() {
    document.getElementById("pid").style.color = "red";
}

function mouseUp() {
    document.getElementById("pid").style.color = "blue";
}
</script>

</body>
</html>

70+ SQL courses for beginners and professionals

answered Aug 8, 2016 by avibootz

Most popular tags

How to change a text color onmousedown and onmouseup in JavaScript

1 Answer

Related questions