JSFiddle - React, Tailwind, and code Playground
HTML
<input type="text" class="test">
<div class="result"></div>
JavaScript
const input = document.querySelector(".test");
const result = document.querySelector(".result");
input.onkeyup = input.oncopy = input.onpaste = input.oncut = event => {
if (event.target.value == "value") { // any some condition
document.querySelector(".test").style.color = "red";
// or some code
} else {
document.querySelector(".test").style.color = "black";
}
};