Ex No: 10 BLINK TEXT AND ENABLE/DISABLE BUTTON
Aim: To write JQuery code to blink text and enable/disable button on a webpage.
Algorithm
Step1: Create a folder “Ex10” to place the HTML files.
Step2: Create HTML file “index.html”.
Step3: Create a folder “script” and place “jquery-3.5.1.min.js” file in it.
Step4: Add JQuery code to blink text and enable/disable button.
Source Code

index.html


<!DOCTYPE html>
<html>
 <head>
  <title>Blink Text and Enable Button</title> 
 <style>
   header {
    text-align:center;
    height: 100px;
    background-color: SteelBlue;
    padding: 10px;
    border-radius: 10px 10px 0px 0px;
   }
   footer {
    text-align:center;
    font-size: 12px;
    height: 50px;
    line-height: 50px;
    background-color: SteelBlue;
    padding: 10px;
    border-radius: 10px;
   }
   article{
    width: auto;
    padding: 10px;
    margin:5px;
    overflow-x: auto;
   }
   .blink{
    color: red;
   }

 </style>
 <script src="script/jquery-3.5.1.min.js"></script>
 <script type="text/javascript">
 $(document).ready(function(){  
  setInterval(blinkText,1000);
  function blinkText()
  {
    $(".blink").fadeOut(500);
    $(".blink").fadeIn(500);
  }
  
  $("#inptxt").keyup(function(e) {
    value = $("#inptxt").val();
    if(value != "")
   $("#btnsubmit").prop("disabled",false);
    else
   $("#btnsubmit").prop("disabled",true);
  });
 });
 
 </script>
 </head>
 <body>  
  <header>
    <h1><span class="blink">Blink Text</span> and Enable/Disable Button</h1>
  </header>
  <hr> 
  <article>
   <div>
     In this Exercise JQuery is used to create 
     <span class="blink">Blinking Text</span> and 
     Enable/Disable Submit button.
   </div><br>
   <form>
    <input type="text" id="inptxt" name="inptxt"/>
    <input type="submit" id="btnsubmit" value="Submit" disabled />
   </form>
  </article>
  <footer>
    Developed by K Anbarasan
  </footer>
 </body>
</html>
Result: Thus JQuery code is written blink text and enable/disable button.