如何從列表中刪除添加的項目？

-4

我想學JS，我決定做一個真正的應用程序，以便我可以學習，而我正在做一些東西。我試圖做一個TODO列表應用程序，我做了添加項目，但我無法弄清楚如何刪除項目時，他們被點擊。如何從列表中刪除添加的項目？

下面的代碼iteself：

我將要做的

<input id= "input" class="form-control" placeholder="Add items to your TODO list." type="text"> 

    <button id="button" class="button btn btn-primary btn-block">Add</button> 

    <div class="items"> 
     <ul id= "listGroup" class="list-group"> 
     </ul> 
    </div> <!-- JS Items !--> 
</div> <!-- End Div --> 

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js" integrity="sha384-h0AbiXch4ZDo7tp9hKZ4TsHbi047NrKGLO3SEJAg45jXxnGIfYzk4Si90RDIqNm1" crossorigin="anonymous"></script> 
<script src="app.js"></script>

JS：

var button1 = document.getElementById("button") 

button1.addEventListener("click", addItem) 

function addItem() { 

    let item = document.getElementById("input").value 
    let add = document.getElementById("listGroup") 

    let makeLi = document.createElement("li") 
    let makeText = document.createTextNode(item) 
    makeLi.className += "list-group-item" 

    let icon = document.createElement("i") 
    icon.className += "fa fa-times" 

    add.appendChild(makeLi).appendChild(makeText) 
} 

function revomeItem() { 
}

來源

2017-10-09 Burak Sümer

你應該使用分號，你也拼寫錯誤刪除你的函數名 – Shard

好傢伙，它不是這個問題，我不知道如何刪除已添加的項目。 –

我知道......我只是指出了這一點，沒有必要對那些想要幫助你的人產生敵意 – Shard

var div1 = document.getElementById("div-01") 
    div1.addEventListener("click", removeItem); 
    function removeItem(e){ 
     e.target.remove(); 
    }

這應該工作..

來源

2017-10-09 12:41:40 Gautam

我應該用getElementById選擇那個元素，你能解釋一下嗎？它的listGroup，我發現它。謝謝。 :) –

我很高興你自己做到了:)。你很快學習:) – Gautam

謝謝你的男人。 :) –

makeLi.onclick = function(){ 
this.remove(); 
};

來源

2017-10-09 12:38:55

這沒有奏效。你能解釋更多嗎？ –

如何從列表中刪除添加的項目？

回答

相關問題