如何將文字從一個地方移到另一個地方

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”中的每個項目