test

let logincontainer;
let usernameinput;
let passwordinput;
let resettokeninput;
let success;
let loggedincontainer;
let messageinput;
let chatidinput;
let messagebox;
logincontainer=element("div",{style:'border: 5px solid white; display: inline-block;',},'log in or sign up',
element("br",{},),
'username:',
usernameinput=element("input",{['type']:'text',},),
element("br",{},),
'password:',
passwordinput=element("input",{['type']:'text',},),
element("br",{},),
element("button",{events:{['click']:()=>{login(usernameinput.value, passwordinput.value)},},},'login'),
element("button",{events:{['click']:()=>{createaccount(usernameinput.value, passwordinput.value)},},},'sign up'),
element("br",{},),
'reset token:',
resettokeninput=element("input",{['type']:'text',},),
element("button",{events:{['click']:()=>{resetpassword(usernameinput.value, passwordinput.value, resettokeninput.value)},},},'reset password'),
success=element("div",{},)),
loggedincontainer=element("div",{style:'display: none;',},"I STOLE YOU'R PASS WORD AND USE RNAME!!!!!!!!!!",
element("br",{},),
messageinput=element("input",{['type']:'text',events:{['keyup']:()=>{if(event.key=="Enter"){sendmessage(),event.preventDefault()}},},},),
element("br",{},),
element("button",{events:{['click']:()=>{sendmessage()},},},'send'),
element("button",{events:{['click']:()=>{logout()},},},'logout')),
element("div",{},chatidinput=element("input",{['type']:'text',},),
element("button",{events:{['click']:()=>{movechat(+chatidinput.value)},},},'go to another chat')),
messagebox=element("div",{},)

or as html

<div style='border: 5px solid white; display: inline-block;' id='logincontainer' >log in or sign up
<br  />
username:
<input type='text' id='usernameinput'  />
<br  />
password:
<input type='text' id='passwordinput'  />
<br  />
<button onclick='login(usernameinput.value, passwordinput.value)' >login</button>
<button onclick='createaccount(usernameinput.value, passwordinput.value)' >sign up</button>
<br  />
reset token:
<input type='text' id='resettokeninput'  />
<button onclick='resetpassword(usernameinput.value, passwordinput.value, resettokeninput.value)' >reset password</button>
<div id='success' ></div></div>
<div style='display: none;' id='loggedincontainer' >I STOLE YOU'R PASS WORD AND USE RNAME!!!!!!!!!!
<br  />
<input type='text' onkeyup='if(event.key=="Enter"){sendmessage(),event.preventDefault()}' id='messageinput'  />
<br  />
<button onclick='sendmessage()' >send</button>
<button onclick='logout()' >logout</button></div>
<div ><input type='text' id='chatidinput'  />
<button onclick='movechat(+chatidinput.value)' >go to another chat</button></div>
<div id='messagebox' ></div>
<script>
let logincontainer = document.querySelector("#logincontainer");
let usernameinput = document.querySelector("#usernameinput");
let passwordinput = document.querySelector("#passwordinput");
let resettokeninput = document.querySelector("#resettokeninput");
let success = document.querySelector("#success");
let loggedincontainer = document.querySelector("#loggedincontainer");
let messageinput = document.querySelector("#messageinput");
let chatidinput = document.querySelector("#chatidinput");
let messagebox = document.querySelector("#messagebox");
</script>

it looks right too :)

log in or sign up
username:
password:

reset token: