How to make menu slide nav with html, CSS and JavaScript

https://youtu.be/gfex0Rjm5Y4 Creating slide menu bar is quite easy...... follow or copy and paste the code on your editor Body: <body> <div id= "mySidenav" class= "sidenav" > <ul> <li> <a href= "JavaScript:void(0)" onclick= "closeNav()" id= "closebttn" > × </a> </li> <li> <a href= "#" > Home </a> </li> <li> <a href= "#" > Service </a> </li> <li> <a href= "#" > Contact </a> </li> <li> <a href= "#" > Terms </a> </li> </ul> </div> <span onclick= "openNav()" > ☰ </span> </body> Css: <style> * { margin:0; padding:0; } .sidenav { height:100%; ...