如何在html中创建自更新列表？

我是html新手，我仍在尝试解决这个问题：

我想创建一个列表，当我在文本框中添加新项目时，该列表会自动更新，例如：

我想添加“兄弟”，然后它会列出“-Brother”，当我决定添加更多项目时，比如在新行中添加“Sister”，它将是“-Sister”，但如果我决定再次添加相同的项目，我希望在不添加新行的情况下加倍，例如，如果我再次添加“Brother”，它必须在两行中显示“2x Brother”而不是“Brother”，可以用html来做吗

---

提前感谢您回答您的问题：

可以用html来做吗

我认为不，这在纯html中是不可能的

您将需要使用Javascript。您可以监听文本框（输入或文本区域）上的更改事件，当发生更改时，使用Javascript读取文本框中的单词，将它们添加到Javascript数组中，对数组进行排序以检查重复项，或对照所有其他元素检查数组的每个元素以检查重复项，并将重复项及其计数存储在另一个数组中

---

使用Javascript还有许多其他方法可以实现您的目标。

使用简单的Javascript插入列表项

函数addToTheList（）{
var u=document.getElementById（“input1”）.value；
document.getElementById（“list”）.innerHTML+=（“
”+u+“
”）；
}

仅凭HTML无法实现这一点。为了使HTML动态化，您需要向其中添加JavaScript代码。话虽如此，我发现你对HTML还不熟悉，所以我的建议是你不要急于学习HTML、CSS和JavaScript的前端堆栈，然后再回来问更具体的问题。注意在这里提问。