JSFiddle - React, Tailwind, and code Playground

HTML

<body onload='load()'>
  <p id='p1'>Some big text</p>
</body>

CSS

p {
  font-size: 2em;
  background-color: #385;
}

JavaScript

function colorize() {
	this.style.color = '#C83';
}
function load() {
	var p1 = document.getElementById('p1');
  p1.addEventListener('mouseover',colorize);
}