<!DOCTYPE html>

<style>
.deco_rate{

   text-shadow: 2px 1px 2px powderblue;
   text-transform: uppercase;
   letter-spacing: 5px;
   text-decoration: line-through;
   }
  </style>
<html>
<body>

<p>Welcome enter your name below</p>

<input type="text" id="txt"><br />

  <input type="button" onclick="myFunction();" value="click me">
    <script>
  function myFunction(){

  var NamesValue;

 NamesValue = document.getElementById('txt').value;


  if ((txt).value.length >=9){

    alert(NamesValue + " " + " you have long name");

  }

  else {

    alert ( NamesValue + " " + "you have short name");

  }

}

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