main.js

var input = document.querySelector('input');
var button = document.querySelector('button');
var list = document.querySelector('.list ul');
var warning = document.querySelector('#warning');

button.addEventListener('click', function(event){
	event.preventDefault();
	
	if ( input.value !== '' ) {
		warning.innerText = '';
		var newTodo = document.createElement('li');
		newTodo.innerHTML = input.value + ' <span class="delete"> x </span>'

		list.appendChild(newTodo);
		input.value = '';
	} else {
		warning.innerText = 'Please input an item';
	}
});

list.addEventListener('click', function(event){
	var item = event.target

	if ( item.className === 'delete' ) {
		console.log('deleting item');
		item.parentElement.className = 'strike';
		item.className += ' hide';

		setTimeout(function(){
			item.parentElement.remove();
		}, 3000);
	}
});