<form method="dialog">
<p>
<label>Your name:
- <input id="name" type="text">
+ <input id="name" type="text" autocomplete="off">
</label>
</p>
<div>
- <button value="cancel">Cancel</button>
- <button id="confirm" value="default">Confirm</button>
+ <button value="default">OK</button>
</div>
</form>
</dialog>
<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) => {