focus-blur.html

<!DOCTYPE html>
<html lang="en">
<head>
  
  <title>Document</title>

  <!--style thesse two text boxes using CSS -->
<style>
input{
  padding: 0.53em;
  text-align: center;
  font-size: 0.9em;
}


</style>


</head>
<body>
  
<div id="form">
  <!--two text boxes-->
  <input type="text" placeholder="Name"/>
  <input type="password" placeholder="password">
</div>

  <script src="./event.js">

  </script>
</body>
</html>