(JavaScript和HTML )将项目从一个列表移动到另一个列表

<ul id="sourceList">
  <li>项目1</li>
  <li>项目2</li>
  <li>项目3</li>
</ul>

<ul id="targetList"></ul>

// 获取源列表和目标列表的引用
var sourceList = document.getElementById("sourceList");
var targetList = document.getElementById("targetList");

// 监听源列表中的点击事件
sourceList.addEventListener("click", function(event) {
  // 确保点击的是列表项
  if (event.target.tagName === "LI") {
    // 将点击的项目移动到目标列表中
    targetList.appendChild(event.target);
  }
});

ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

li {
  padding: 10px;
  border: 1px solid #ccc;
  margin-bottom: 5px;
  cursor: pointer;
}

#targetList {
  background-color: #f2f2f2;
}