test dynamic header

js/headfoot.js

@@ -95,8 +95,17 @@ function head(){
                 headlink.innerHTML="Account";
                 headlink.href="/account/";
             }else if(document.getElementById('loginswitch').getAttribute('authenticated') == '2'){
-                headlink.innerHTML="Logout";
-                headlink.href="./logout";
+                headlink.remove();
+                let headform = document.createElement('form');
+                headform.setAttribute("th:action", "@{/logout}");
+                headform.setAttribute("method","POST");
+                let headbutton = document.createElement('button');
+                headbutton.name='logout';
+                headbutton.type="Submit";
+                headbutton.innerHTML= "Logout";
+                headbutton.classList.add("btn","btn-md", "btn-danger");
+                headform.appendChild(headbutton);
+                headitem.appendChild(headform);
             }
             
         }