I inserted a new row to my list and this is my code

 function newToDo() {
 var newTODoList = document.getElementById('toDoListInput');
 var newLine = document.createElement('li');
 var list = document.getElementById('list');
 newLine.textContent = newTODoList.value;
 newLine.class = 'newLineClass';
 list.prepend(newLine);

when I used appendchild instead of prepend my code didn't work correctly... what is diffrences between them?