veekthoven/skyverge.html

## skyverge.html

<html>
<head>
<script>
setTimeout(
	function() {
		todos = document.querySelectorAll('li');
    	console.log(todos)

    todos.forEach((todo, index) => {
      todo.addEventListener( 'click', event => {
				event.target.style = 'text-decoration: line-through';
				alert( 'Item ' + (index + 1) + ': "' + event.target.innerText + '" is done!' );
			} );
    });

	},
	10
);
</script>
</head>
<body>
<ul id="todo-app">
	<li class="todo">Walk the dog</li>
	<li class="todo">Pay bills</li>
	<li class="todo">Make dinner</li>
	<li class="todo">Code for one hour</li>
</ul>
</body>
</html>

	<html>
	<head>
	<script>
	setTimeout(
	function() {
	todos = document.querySelectorAll('li');
	console.log(todos)

	todos.forEach((todo, index) => {
	todo.addEventListener( 'click', event => {
	event.target.style = 'text-decoration: line-through';
	alert( 'Item ' + (index + 1) + ': "' + event.target.innerText + '" is done!' );
	} );
	});

	},
	10
	);
	</script>
	</head>
	<body>
	<ul id="todo-app">
	<li class="todo">Walk the dog</li>
	<li class="todo">Pay bills</li>
	<li class="todo">Make dinner</li>
	<li class="todo">Code for one hour</li>
	</ul>
	</body>
	</html>