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

<!DOCTYPE html>
<html>
<head>
<style>
 .input
 {
   height:30px;
   width:30%;
 }
 .btn
 {
   padding:10px;
   background-color:#007bff;
   border:none;
   color:white;
 }
</style>
</head>
<body>
<h1>JavaScript on focus</h1>
<p id="paragraph">this input will take border after value changed , after blured</p>
<form id="form" action="" method="post">
  <input type="text" class="input" placeholder="Enter Username">
  <input class="btn" id="submit" type="submit">
</form>
<script>
let form = document.getElementById("form");
form.onsubmit = function(){
  alert('Data Sent successfully')
}
</script>
</body>
</html>