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

<!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.onchange = function(){
  input.style.border='1px solid #55efc4';
}
input.onblur = function(){
  input.style.border='2px solid red';
}
</script>
</body>
</html>