Websites come to life with user input: when visitors add comments, send messages, or share posts with their friends.

<html>
<head><style>body {min-height: 400px;} input { font-size: 16px;}</style></head>
<body>
  <img src="https://mimo.app/r/sharkhat.png" height=240>
  <p id="reviews"><em>What do you think about my new hat?</em><br></p>
  <input id="nameInput" type="text" placeholder="Add a comment">
  <button onclick="addReview()">Post</button>
  <script>function addReview() {
  var nameValue = document.getElementById("nameInput").value;
  var reviews = document.getElementById("reviews");
  reviews.innerHTML = reviews.innerHTML + "<br><strong>You:</strong> " + nameValue;
  document.getElementById("nameInput").value = "";
}</script>
</body>
</html>]]>