Untitled

<!DOCTYPE html>
<html lang="en">
<head>
     <meta charset="utf-8">
     <title>Young coders club</title>
     <link rel = "stylesheet" type="text/css" href="styles.css" media="screen">
</head>
<body>
<header>
<h1>Young Coders Club</h1>

</svg>
</header>
<section>

  <h2> YOUNG CODERS CLUB</h2>
  <form>
  first name:<br>
  <input type="text" name="first name" id="ar"><br>
  last name:<br>
  <input type="text" name="lastname" id="car"><br>
  username:<br>
  <input type="text" name="username" id="an"><br>
  Email:<br>
  <input type="text" name="email" id="for"><br>
  password:<br>
  <input type="text" name="password" id="bal"><br>

  <input type="radio" name="gender" value="male" id="fe">male<br>
  <input type="radio" name="gender" value="female" id="ig">female<br>
  <input type="radio" name="gender" value="other" id="so">other<br>

 <input type="checkbox" name="status" value="beginner" id="im">beginner
 <input type="checkbox" name="status" value="expert"  id="em">expert<br>
 Birthday:
 <input type="date" name="bday" id="se"><br>
 select image:<br>
 <input type="file" name="img" multiple id="ho"><br>
      <input type="submit" name="submit" value="Login"><br>
      <a href="#">forget password</a>
    </form>
  <p>
</section>
    <div id="as"></div>
    <div id="cad"></div>
    <div id="al"></div>
    <div id="fre"></div>
    <div id="lab"></div>
    <div id="phs"></div>
    <div id="chm"></div>
    <div id="mat"></div>
    <div id="soc"></div>
    <div id="ecn"></div>
    <div id="pol"></div>
    <div id="btn"></div>
    <div></div>

<script>
    function changeThis(){
        var formInput =document.getElementById("theInput").value;
        document.getElementById("newText").innerHTML = formInput;
    }


    </script>

<footer>
<small>Copyright © shax</small>
<p>Contact information: <a href="mailto:wales149@gmail.com">
  wales149@gmail.com</a>.</p>
</footer>
</body>
</html>