Html 如何为聊天泡泡创建循环？

我想为聊天泡泡开发一个循环。每次我写一条信息时，都会产生一个气泡，并在右边。当聊天伙伴回复时，消息应该在气泡的左侧。我如何开发这个循环

我目前的代码是：

好的，不是在循环中向DOM添加消息，而是在发送消息的触发器上按Enter键添加消息

如果要从文本字段（如文本输入）添加值， 您可能需要执行两个步骤：

从输入中获取值

将值注入气球模板（html），然后注入DOM

然后，您应该将Javascript作用域添加到html中，或者只包含包含以下函数的js文件：

函数addMessage（）{
//添加XSS验证
const$messages=document.getElementById（'myForm'）；
const$textElement=document.getElementById（'textField'）；
const newMessage=''+$textElement.value+''；
$messages.innerHTML+=newMessage；
返回false；
}

---

你所说的循环是什么意思？请检查你是否正在尝试创建气泡设计