Untitled

<!douctype html>
<html>
<head>
  <style>
  #log {
      text-align: center;
    }
  #reg {
        text-align: center;
      }
  </style>
  <script>
  function showlog() {
    var e = document.getElementById("log");
    var x = document.getElementById("but");
    e.style.display = 'block';
    x.style.display = 'none';

  }
  function showreg() {
    var e = document.getElementById("reg");
    var x = document.getElementById("but");
    e.style.display = 'block';
    x.style.display = 'none';

  }
  </script>
</head>
<body style="background-color:rgb(144, 237, 234);">
<form action="login" method="POST">
<dive id = log style="display:none">
 Email:<br>
<input type="text" name="Email" ><br>
password:<br>
<input type="password" ><br>
<input type="submit" value="Submit">
</dive>
</form>
<form action="register" method="POST">
<dive id = reg style="display:none">
Your name:<br>
<input type="text" name = "Your_name"><br>
Email:<br>
<input type="text" name="Email" ><br>
password:<br>
<input type="password" ><br>
<input type="submit" value="Submit">
</dive>
</form>
<dive id = but style="display:block">
<button  type="submit" onclick="showlog()">login</button>
<button  type="submit" onclick="showreg()">register</button>
</dive>
</body>
</html>