如何通过单击listview来显示标签

// HTML结构
<ul id="listview">
  <li>列表项1</li>
  <li>列表项2</li>
  <li>列表项3</li>
  ...
</ul>
<div id="tagContainer"></div>

// JavaScript代码
const listView = document.getElementById("listview");
const tagContainer = document.getElementById("tagContainer");

listView.addEventListener("click", function(event) {
  // 获取用户点击的列表项文本内容
  const clickedItem = event.target.textContent;
  
  // 生成标签内容
  const tagContent = `标签：${clickedItem}`;
  
  // 清空标签容器
  tagContainer.innerHTML = "";
  
  // 创建并插入标签元素
  const tagElement = document.createElement("span");
  tagElement.textContent = tagContent;
  tagContainer.appendChild(tagElement);
});