HTML 자바 스크립트 함수를 사용하여 순서가 지정된 목록에 입력 태그를 추가하는 방법

Question

사용자가 단추를 클릭 할 때 순서가 지정된 목록 (id = myList 사용)에 빈 입력 필드를 추가하려고합니다. 다음 코드를 작성하여 순서가 지정된 목록에 목록 요소를 추가 한 다음 해당 새 목록 요소에 입력 필드를 삽입합니다. 이 코드를 실행하면 버튼을 눌렀을 때 아무런 반응이 없습니다.

내가 뭘 잘못하고 있는지에 대한 아이디어가 있습니까?

<script type="text/javascript"> 
    function addToList() 
    { 
     var doc = document.getElementById("myList"); 
     var newLI = document.createElement("li"); 
     var input = document.createElement("input"); 
     input.type = "text"; 
     input.size = "60"; 
     newLi.appendChild(input); 
     doc.appendChild(newLI); 
    } 
</script> 

Answer 1

오타,이에 분명히 아무 문제가 없습니다 newLi

<script type="text/javascript"> 
    function addToList() 
    { 
     var doc = document.getElementById("myList"); 
     var newLI = document.createElement("li"); 
     var input = document.createElement("input"); 
     input.type = "text"; 
     input.size = "60"; 
     newLI.appendChild(input); // typo here, it's not newLi 
     doc.appendChild(newLI); 
    } 
</script> 

FIDDLE