todo on javascript

todo.js

var addButton = document.getElementById("addItem"); 

addButton.addEventListener('click', function(){
    var inputEl = document.getElementById('toDoInput');
    var input =  inputEl.value; 
    if(!input) return; 
    console.log(input); 
    var li = document.createElement('li'); 
    console.log(li); 
    var list = document.getElementById('list'); 
    li.innerHTML = input;
    li.addEventListener('click', function(e){
        var elementClicked = e.target; 
        var style; 
        if(elementClicked.style.textDecoration === 'line-through') 
        {
            style = 'none'; 
        } else {
            style = 'line-through'; 
        }
        elementClicked.style = 'text-decoration : ' + style; 
    }) 
    list.appendChild(li);
    inputEl.value = ''; 
})