[djamali]

До этого 7 лет программировал на php, решил перейти на сторону добрых сил)). Начал писать первое приложение и сразу проблемы, собственно код:

function createItem(element) {
    var li=document.createElement('li');
    li.innerText=element.value;
    var ul=document.getElementById('todo');
    ul.appendChild(li);
    return li;
}
var element =document.getElementById("input");
document.getElementById("submit").onclick=createItem;
console.log(element);

<div id="todo_root">
    <form id="form">
    <ul id="todo">
        <li><input type="text" id="input"><button id="submit">Добавить</button></li>
    </ul>
    </form>
</div>

в консоле пишет Uncaught TypeError: Cannot set property 'onclick' of null
Что я делаю неправильно? В кратаце пытаюсь добавить новый элемент сиписка.