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

<!DOCTYPE html>
<html>
<head>
<style>
 .input
 {
   height:30px;
   width:30%;
 }
</style>
</head>
<body>
<h1>JavaScript On Blur</h1>
<p id="paragraph">this input will take border after value changed , after blured</p>
<input type="text" class="input" id="input" placeholder="Enter Username">
<script>
let input = document.getElementById("input");
input.addEventListener('change',()=>{
   input.style.border='1px solid #55efc4'
});
input.addEventListener('blur',()=>{
   input.style.border='2px solid red'
});
</script>
</body>
</html>