JSFiddle - React, Tailwind, and code Playground

by soum1

HTML

<input id="btnName" type="text" style="border: 1px solid #000"/>

JavaScript

document.querySelector("#btnName").addEventListener("change", function(){
 alert("Changed Value: " + document.querySelector("#btnName").value);
});
document.querySelector("#btnName").addEventListener("focus", function(){
 document.querySelector("#btnName").style.border = "2px solid red";
});
document.querySelector("#btnName").addEventListener("blur", function(){
 document.querySelector("#btnName").style.border = "1px solid #000";
});