当用户在此有效的javascript注释框中提交评论时，您将如何添加用户图像和名称

Question

所以我发现用户Rick Hitchcock 在这里提交的评论框

当用户提交评论时，我需要做的是dd通用用户图像和用户名（可以是匿名的）。 我不知道该怎么做。

有人可以帮忙吗？ 这是代码。

 document.addEventListener("DOMContentLoaded", function(event) { var form= document.querySelector('form'); var textarea= document.querySelector('textarea'); textarea.onkeypress= function(e) { if(e.which === 13 && !e.shiftKey) { this.parentNode.onsubmit(e); } } form.onsubmit= function(e) { var textarea = form.querySelector('textarea'); var response = textarea.value; var node = document.createElement('div'); node.innerHTML= response.replace(/\\n/g,'<br>') + '<hr>'; form.appendChild(node); textarea.value= ''; e.preventDefault(); } }); 

 textarea { width: 50%; height: 5em; float: left; } p { clear: both; } 

 <form> <textarea></textarea> <input type="submit"> <p> Comments Below: </p> </form> 

Answer 1

我假设您希望您的网站具有某种登录功能，以便用户可以注册，选择用户名并上传图片。 可能您想保留注释，以使它们在用户注销或离开您的网站时不会丢失。 最后但并非最不重要的一点是，您希望您的用户看到其他用户的评论。

问题是您不能仅使用HTML / Javascript / CSS来执行此操作。 您需要创建一个服务器应用程序。 在那里，您将运行一个数据库，您可以在其中存储用户，评论或其他内容。 您应该真正考虑在Web上进行一些教程或阅读一些有关Web开发的适当书籍。

我建议您执行此免费且广泛的教程 。 完成后，您将对Web和开发服务器端应用程序有很多了解。

编辑：

如果您真的只是想玩而又不能持久保存注释：那么您知道如何创建div元素：

var node = document.createElement('div');

而且您知道如何将其附加到另一个元素：

form.appendChild(node);

那么，为什么不创建一个img标签并将其附加到注释呢？

var img = document.createElement("img");
img.src = "path/to/your/generic/image.jpg";
node.append(img);

或者您从像这样的某个api获取随机图像。 创建一个p标签或span标签或任何显示随机用户名的标签。