How to hide and show a element with if else condition .

How to hide and show a element with if else condition .

in this program , when we click the button it will check the 'myDiv' is hidden or not . If it is hidden it will change the css property so that the element will show . other wise it will be hide .
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <style>
    #myDiv{
        width:300px;
        height:200px;
        background:Red;
           }
        </style>
</head>
<body>
    <div id="myDiv">

    </div>
    <button onclick="myFunction()">Click</button><!-- When user clicks on the this Button it will call myFunction-->
    <script>
        var mybox = document.getElementById('myDiv');
        function myFunction() {
            if (mybox.style.display == 'none') {
                mybox.style.display = 'block';
            }
            else {
               
                mybox.style.display = 'none';
               
            }
           
        }
    </script>
</body>
</html>
Location: Bengaluru, Karnataka, India

Comments

Post a Comment

Popular posts from this blog

HTML Attributes ....

Image
What is HTML Attributes and  why it is required ? We already Understood what is meant by HTML Tag . <html> is one tag , <body> is one tag, <header> is one tag . So if we want to give more information about the above mentioned tags , that moment we use Attributes . It means we can give more information by using Attributes , To understand more about HTML Attributes follow the link given here and find our more . HTML Attributes If you still not able understand how it can used and where it can be used   find out more here about the HTML Attributes here.
Read more

How to Study Web Developement Course

Image
 How to Study Web Developement Course Hi Friends, so you want to become the Web Developer or UI Developer Or Front End Developer. Right?. First thing i want to clear is Web Developer Front End Developer UI Developer all above mentioned Are same . We will do same work , It may be called with different names but  don't get confused . OK. Let us come to the Topic . How can we become UI developer . ? we know the Quality of the education in the small computer institutes . They wont pay proper salary to the instructions . Finding a good Instructor is really very difficult . I has personally experienced that . So it is really difficult to depend on a computer institute . So whats next . There are some websites offering web development course . But the Question is  can we really learn from those videos . I know about some people who can learn from the videos and online tutorials. I am not talking about those people . I am talking about the people who req...
Read more