CloseTag | الشروحات | Java Script | أحداث form في لغة جافا سكريبت | JavaScript Form Events | javascript on focus event addeventlistener

<!DOCTYPE html>
<html>
<head>
<style>
 .input
 {
   height:30px;
   width:30%;
 }
</style>
</head>
<body>
<h1>JavaScript on focus</h1>
<p id="paragraph">border color will change , after focus</p>
<input type="text" class="input" id="input" placeholder="Enter Username">
<script>
let input = document.getElementById("input");
input.addEventListener('focus',()=>{
   input.style.border='1px solid #55efc4'
});
</script>
</body>
</html>