Untitled

<html>
<head>
<title>Anmelde Dialog</title>
<script>
window.onload = function(){
    document.getElementById("bReset").onclick = function(){reset();};
    document.getElementById("bLogin").onclick = function(){login();};
    document.getElementById("bRegister").onclick = function(){register();};
    document.getElementById("aLog").onclick = function(){showLogin();};
    document.getElementById("aReg").onclick = function(){showRegister();};

    var x = document.getElementsByClassName("reg");
    var i;
    for(i=0;i<x.length;i++){
        x[i].classList.add("hide");
    }

	var y = document.getElementsByClassName("NoPassword");
    var j;
    for(j=0;j<y.length;j++){
        y[j].classList.add("hide");
    }


}
function login()
{
 var a = document.getElementById("passw").value;
 if(a == 0)
 {
	x = document.getElementsByClassName("NoPassword");
    for(i=0;i<x.length;i++)
	{
        x[i].classList.remove("hide");
    }
 }
 else
 {
	for(i=0;i<x.length;i++)
	{
        x[i].classList.add("hide");
    }
 }

}
function register()
{

 var a = document.getElementById("passw").value;
 var b = document.getElementById("Rpassw").value;
 if(a == 0 || a!=b)
 {
	x = document.getElementsByClassName("NoPassword");
    for(i=0;i<x.length;i++)
	{
        x[i].classList.remove("hide");
    }
 }
 else
 {
	for(i=0;i<x.length;i++)
	{
        x[i].classList.add("hide");
    }
 }

}
function reset(){
    document.getElementById("UName").value = "";
    document.getElementById("passw").value = "";
    document.getElementById("Rpassw").value = "";
}
function showLogin(){

    var x = document.getElementsByClassName("reg");
    var i;
    for(i=0;i<x.length;i++){
        x[i].classList.add("hide");
    }
    x = document.getElementsByClassName("log");
    for(i=0;i<x.length;i++){
        x[i].classList.remove("hide");
    }


}

function showRegister(){
    var x = document.getElementsByClassName("log");
    var i;
    for(i=0;i<x.length;i++){
        x[i].classList.add("hide");
    }
    x = document.getElementsByClassName("reg");
    for(i=0;i<x.length;i++){
        x[i].classList.remove("hide");
    }
}
</script>
<style>
    .hide{
        display:none;
    }
    input{
        margin-left:10px;
    }
    button{
        margin-right:10px;
    }
    span:hover{
        cursor:pointer;
    }
    div{
        position:absolute;
        margin-left:500px;
        margin-top:50px;
        border:1px solid black;
    }
</style>
</head>


<body>
<p>Username<input type="text" id="UName"/></p>
<p>Password<input type="password" id="passw"/></p>
<p class="reg">Repeat Password<input type="password" id="Rpassw"/></p>
<button id="bLogin" class="log">Login</button><button id="bRegister" class="reg">Register</button><button id ="bReset" >Reset</button>
<p><span class="reg" id="aLog">Login</span><span href="" class="log" id="aReg">Register</span></p>
<p class="NoPassword">Falsche Eingabe</p>
<div class=""></div>
</body>
</html>