how to show and hide javascript



how to show and hide javascript 


<!doctype html>
<html>
<head>
   <title> JavaScript show & hide Function </title>
   </head>
<script>
function hide(){

   document.getElementById("demo").style.display="none";
  }
 
    function show(){
   document.getElementById("demo").style.display="block";

  }
 
 
 
 </script>

<input type="submit" onclick="hide()" value="Hide">

<input type="submit" onclick="show()" value="Show">

<p id="demo">  JavaScript Show and hide function  </p>

</body>
</html>
 


Post A Comment
  • Blogger Comment using Blogger
  • Facebook Comment using Facebook
  • Disqus Comment using Disqus

No comments :

Thanks For visiting Infotech Solutuion Blog