!DOCTYPE html
html
lang="em"
Head
meta
charset="UTF-8"
meta
name="viewport"
content="IE=edge"
name="viewport"
content="width=device-width,initial-scale=1.0"
title
VS-Code
/ title
link
rel="stylesheet"
href="css/all.min.css"
link
rel="stylesheet"
href="css/fontawesome.min.css"
link
rel="stylesheet"
href="style.css"
Head
body
div
class="container"
div
class="navbar"
/ div
/ div
/ body
*
{
margin : 0 ;
padding : 0 ;
box-sizing : border-box ;
font-family : sans-serif ;
user-select : none ;
}
margin : 0 ;
padding : 0 ;
box-sizing : border-box ;
font-family : sans-serif ;
user-select : none ;
}
.container
{
height : 100vh ;
width : 100% ;
display : flex ;
align-items : center ;
justify-content : space-between ;
}
height : 100vh ;
width : 100% ;
display : flex ;
align-items : center ;
justify-content : space-between ;
}
let
toggler=document.
querySelector(".toggler")
;
let
navItemUl=document.
querySelector(".navItem ul")
;
toggler.
addEventListener("click", ()=>{
navItemUl. classList. toggle ( "active" )
});
navItemUl. classList. toggle ( "active" )
});