Добавление li в ul с пользовательским вводом

Question

Имея много проблем с этим по какой-то причине даже с примерами, что я делаю неправильно здесь?

HTML

<input type="text" name="item">  

<div id="itembutton"> <button onclick="appendList()">Add</button></div> 

<ul id ="listitems"></ul> 

JavaScript

function appendList() { 
    var ul = document.getElementById('listitems'); 
    var li = document.createElement('li'); 
    var item = document.getElementById('item'); 
    li.appendChild(document.createTextNode(item.value)); 
    ul.appendChild(li); 
} 

Вот JSFiddle.

Должно быть, я устал или что-то в этом роде, я внимательно слежу за учебниками.

Answer 1

Просто введите ID в поле input. Потому что вы назвали valueID Имя, но в поле ввода нет id.

Ниже код:

<input type="text" name="item" id="item"> 

Демо на jsfiddle