</div>
<div class="form-row small left">
- <label for="code">
- Numeric code
- </label>
- <input id="code" type="text" size="10" autocomplete="off" placeholder="(Chosen randomly)" />
+ <div class="labeled-row">
+ <label for="code">
+ Numeric code:
+ </label>
+ <input id="code" type="text" autocomplete="off" placeholder="(Leave blank for random)" />
+ </div>
</div>
<div class="form-row small right">
</form>
</p>
+ <ul id="comments">
+ </ul>
+
<p>
<form action="" id="comment-form">
<input id="comment" type="text" style="width:100%" autocomplete="off" placeholder="Add a comment" />
<script>
var socket = io();
+ var comments = document.querySelector("#comments");
var form = document.querySelector("#comment-form");
var comment = document.querySelector("#comment");
comment.value = '';
}
});
+
+ socket.on('comment', function(msg) {
+ var item = document.createElement('li');
+ item.textContent = msg;
+ comments.appendChild(item);
+ });
</script>
</body>
</html>