<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>]]>