JSFiddle - React, Tailwind, and code Playground

by goldorak

HTML

<input type="text" id="myElementID" />

CSS

input {
  outline: none;
}

JavaScript

const element = document.getElementById("myElementID");

element.addEventListener("focus", (e) => {
  e.target.style.borderColor = "red";
});

element.addEventListener("blur", (e) => {
  e.target.style.borderColor = "";
});