veekthoven · March 16, 2020 08:04
diff --git a/skyverge.html b/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>