gwc2.html

<!DOCTYPE html>
<html>
  <head>
    <title> hello people! </title>
    <link rel="stylesheet" href="gwc2.css" type="text/css" />
  </head>

  <body>
    <div class = "nav">
      <ul>
        <li> </br> </br> <a href="home.html"> Home!</a></li>
        <li> </br> </br> <a href="pictures.html"> Pictures </a></li>
        <li> </br></br> <a href="aboutme.html"> About Me! </a></li>
        <li> </br> </br> <a href="activities.html"> Activities </a></li>
      </ul>
    </div>


    <div class="maincontainer">
    <h1> hiiii </h1>
    <p id="paral">
      im christy :)
      <br>
      and i like youtube
    </p>
    <p id="para2">
      and <a href="https://i1.wp.com/yummiestreetfood.com/wp-content/uploads/2017/03/Yummie-Street-Food-Tea-4.jpg?fit=1920%2C1080&ssl=1"> milk tea</a> is the best drink
    </p>
    <img src="cat-slider4.png" height='400px'alt="milk tea photo"/>
  </div>
  </body>

  <body>
  <input id="nameofperson" type="text" placeholder="Enter your name here">
  <br>
  <button onclick=nameDisplay()> Name Display</button>
  <br>
  <div id="name"> </div>
</body>

<script>

    var space = document.getElementById("name");
    var nameofperson=document.getElementById("nameofperson");

    function nameDisplay()
      {
        space.innerHTML= document.write("Hello " + nameofperson.value);
      }
</script>

</html>