JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>
<body>

<div>
  <button onmousedown="clickIn()" onmouseup="ClickLeave()">Clique aqui</button>
  <p id="texto">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque non consectetur justo, vel luctus metus. Suspendisse tincidunt metus ut sem condimentum tempor sed eu dolor. Mauris porta, libero sed elementum pretium, elit leo facilisis justo, in faucibus ex est viverra purus. Donec fringilla id diam vehicula luctus. Aliquam et tortor lacus. Nunc eget urna nec nulla dapibus ornare. Fusce sed vestibulum leo, nec euismod mauris. Mauris sit amet tellus lacinia, suscipit metus ut, placerat nunc. 
  </p>
</div>

<script type="text/javascript">
function clickIn() {
    document.getElementById("texto").style.color = "blue";
}

function ClickLeave() {
    document.getElementById("texto").style.color = "green";
}
</script>

</body>
</html>