如何将文本从一个地方移动到另一个地方

Question

这是我创建的用于制作待办事项列表的代码块（此代码保存在 javascript 库中）

 function addItem() { 
  var newItem = document.createElement("div"); 
  newItem.innerHTML = document.getElementById("box").value; 
  newItem.onclick = removeItem; 
  document.getElementById("list").appendChild(newItem); 
   saveList();
 } 
 function saveList() { 
  localStorage.storedList = document.getElementById("list").innerHTML; 
 } 
 function loadList() { 
  document.getElementById("list").innerHTML = localStorage.storedList; 
  for(var i = 0; i < list.children.length; i++) { 
   list.children[i].onclick = removeItem;
 } 
}

此代码不保存在 javascript 库中。

 <script>
   function removeItem() { confirm("Mark task as completed?"); saveList(); } 
 </script>


 <input type="text" id="box" placeholder="Type here to add task" 
  onKeyDown="if(event.keyCode==13) addItem();"/> <br/> 
 <button class="button" onclick="addItem();" style="float left;">
  <span>Add task</span> 
 </button> <br/><br/><br/>

<div class="title">
 <strong>Tasks:</strong>
</div>

<div class="noselect">
 <p>____________________________________________________</p>
</div><br/>

<div id="list"></div>

<div class="noselect">
 <p>____________________________________________________</p>
</div><br/><br/>

<div class="title">
 <strong>Completed:</strong>
</div>

<div class="noselect">
 <p>____________________________________________________</p>
</div><br/>

<div id="list2"></div>

<div class="noselect">
 <p>____________________________________________________</p>
</div>

我想要发生的是当他们单击任务并同意将其标记为已完成时，我希望将其从 list1 中删除并添加到 list2。

这里是链接： https://aaronproductions.neocities.org/To_Do_List.html

这不是重复的，因为可能的重复解决方案不能解决我的问题。

Answer 1

您可以执行以下操作

function onclickHandler(event){
    var target = event.target || event.srcElement;
    var targetValue = target.innerText;
    addItem(targetValue, document.getElementById('list2');
    target.parentNode.removeChile(target);
}

function addItem(value, list){
    var newItem = createElement(value);
    list.appendChild(newItem);
}

function createElement(value){
    var item = document.createElement('div');
    item.innerText = value;
    return item;

}

“onclickHandler”应该附加到“list1”中的每个项目