Окей получилось сделать так, чтобы после очистки можно было вводить еще раз дело(обернув ul в див):
function clearAll() {
var list = document.getElementById('list');
list.remove();
var wrapper_list = document.getElementById('wrapper_list');
var ul = document.createElement('ul')
wrapper_list.appendChild(ul);
ul.id = "list";
toLocal();}
Но при этом не работает localStorage, оно сохраняет то что было до удаления и при обновлении страницы выдает то что было до удаления...
https://codepen.io/gor-sofjchuk/pen/wbaBoz