javascript – Attempting to make a clickable navigating bar which can be clicked to shut

 feature openNav() {
document.getElementById(" mySidenav"). style.width="250px";.
}

feature closeNav() {
document.getElementById(" mySidenav"). style.width="0";.
} 

 body {
font-family: "Lato", sans-serif;.
}

. sidenav {
elevation: 100%;.
size: 0;.
placement: repaired;.
z-index: 1;.
top: 0;.
right: 0;.
background-color: # 111;.
overflow-x: concealed;.
change: 0.5 s;.
padding-top: 60px;.
}

. sidenav {a extra padding: 8px 8px 8px 32px;.
text-decoration: none;.
font-size: 25px;.
shade: # 818181;.
screen: block;.
change: 0.3 s;.
}

. sidenav a: float {
shade: #f 1f1f1;.
}

. sidenav.closebtn {
placement: outright;.
top: 0;.
right: 25px;.
font-size: 36px;.
margin-left: 50px;.
}

@media display and also (max-height: 450px) {
. sidenav {
padding-top: 15px;.
}
. sidenav {a font-size: 18px;.
}
} 

<.
<< html>>.

<< head>>.
<< meta name=" viewport" material=" size= device-width, initial-scale= 1">>.
<.

<< body>>.
<< div id=" mySidenav" course=" sidenav">
<> < a href=" https://stackoverflow.com/questions/74812524/javascript:void( 0 )" course=" closebtn" onclick=" closeNav()">&> & times;  < a href=" #">> Concerning< < a href=" #">> Solutions< < a href=" #">> Customers< < a href=" #">> Call< .

<< h2>> Right-sided Navigating<.
<< p>> Click the component listed below to open up the right-sided navigating food selection.<.
<< period design=" font-size:30 px; arrow: tip" onclick=" openNav()">&> &# 9776; open .
<.

<