Question

大家好我是角色2和前端的新手一般，我想知道我可以用什么html组件来创建一个可视化列表/堆栈，其元素可以在点击时添加或删除。所有更改都应该更新视觉列表。

例如，我基本上希望用户“添加”N种物品

1 2 3....N

对于每次按下1/2/3 / .... N，该列表附加一个添加类型的项目。用户可以看到列表的状态，他可以按下列表中的任何元素并将其删除

要按1-> 2-> 1-> 1，列表必须在视觉上显示如下内容：

1 2 1 1

如果用户按下第二个元素（在我们的例子中是类型2）然后按下删除按钮，则列表会缩小。

1 1 1

添加和删除计数的顺序。可视列表必须更新每个更改的元素。

列表的长度不能太大（最多7-10项），但我必须找到一种方法来显示所有可能的项目选项，这些选项可能会变得非常大。另外enter image description here如何以UI方式管理它？

草图：