목록 값에 배열 값 추가

Question

목록에 항목 배열을 출력하려고합니다. 문제는 제출을 클릭 할 때마다 각 배열 항목을 매번 하나가 아닌 각 목록 항목에 추가하는 것입니다.

JSFIDDLE : https://jsfiddle.net/b7Lwbrof/

감사합니다!

var itemList = []; 
var container = document.getElementById('container'); 

// On click 
document.getElementById('submit').addEventListener("click", function(){ 
    var itemValue = document.getElementById('itemValue').value; 

    // Push to array 
    itemList.push(itemValue); 

    // Append to List 
    for(i=0; i<itemList.length; i++) { 
     var items = document.createElement("li"); 
     document.getElementById('container').appendChild(items); 
     items.innerHTML = itemList[i]; 
    } 
}) 

Answer 1

루프가 필요하지 않습니다. 항목을 itemList에 푸시 한 후에 추가하면됩니다. @digit 말했듯이

document.getElementById('submit').addEventListener("click", function(){ 
    var itemValue = document.getElementById('itemValue').value; 

    // Push to array 
    itemList.push(itemValue); 

    // Append to List 
    var items = document.createElement("li"); 
    document.getElementById('container').appendChild(items); 
    items.innerHTML = itemList[itemList.length-1]; 
}) 

Answer 2

items.innerHTML = itemList[itemList.length - 1] // get the last 

및 NOT

items.innerHTML = itemList[i] 

---

그리고 루프를 제거합니다.

바이올린 here