HTML, как добавить тег ввода в упорядоченный список, используя функцию JavaScript

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не 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