RESPONSIVE NAVBAR JS

-

 function Showsidebar(){

    const sidebar = document.querySelector('.sidebar')
    sidebar.style.display = 'flex'
}
function closesbar(){
    const sidebar = document.querySelector('.sidebar')
    sidebar.style.display = 'none'
}

Comments

Post a Comment

Popular posts from this blog

green theme login page HTML _ CSS

-
  <! DOCTYPE html > < html lang = " en " > < head >     < link rel = " stylesheet " href = " style.css " >     < meta charset = " UTF-8 " >     < meta name = " viewport " content = " width=device-width, initial-scale=1.0 " >     < title > Document </ title >     < link rel = " preconnect " href = " https://fonts.googleapis.com " > < link rel = " preconnect " href = " https://fonts.gstatic.com " crossorigin > < link href = " https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Playwrite+US+Modern+Guides&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0...
Read more

Javascript Chp 7 Loops in Javascript

-
          // assign a value , condition , increment counter         // As you can see this is a for loop which         //  is used when we         //know the starting an ending point of a code         // for(i = 0;i<=100;i++){         //     console.log(i);         // }         //That's how you can use while loops !!     //     let num= 123456;             //     while(num>0){     //   console.log(num%10);     //   num = parseInt(num/10);     //     }         for ( i = 0 ; i <=100 ; i ++ ) {             if ( i %3===0 ) {                   console . log ( i ) ;           ...
Read more

BASIC HTML TAGS

-
  <! DOCTYPE html > < html lang = "en" > < head >     < meta charset = "UTF-8" >     < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >     < title > Document </ title > </ head > < body > < H1 > These are html tags </ H1 > < H2 > These are html tags </ H2 > < H3 > These are html tags </ H3 > < H4 > These are html tags </ H4 > < H5 > These are html tags </ H5 > < H6 > These are html tags </ H6 > < H2 >< big > It is big tag </ big ></ H2 > < I > this is italic </ I > < B > this is bold </ B > < U > this is underline </ U > < br > < img src = "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRL6EoYmTiMnx8AvuC6YE8ELyIwJZYCZkgEWIUIAjCyU3OQkHofR3-E4n8YHhYL6zh425g&usqp=CAU" alt = "hey buddy it's meta...
Read more