<div id="images">
</div>
- <dl id="comments">
+ <dl id="comments" class="comments">
</dl>
<p>
socket.on('comment', function(comment) {
const dt = document.createElement('dt');
const dd = document.createElement('dd');
- dt.textContent = comment.name;
+ dt.textContent = comment.name + ':';
dd.textContent = comment.text;
comments.appendChild(dt);
comments.appendChild(dd);
socket.on('reset', () => {
images.replaceChildren();
+ comments.replaceChildren();
});
socket.on('image', (image) => {