Element activation in JavaScript

Suppose we have some HTML table #table with empty cells.

Let's make it so that when you click on any cell, it is somehow activated, for example, it gets a red background. To do this, we will add some CSS class to activated cells:

.active { background: red; }

Let's implement activation:

let tds = document.querySelectorAll('#table td'); for (let td of tds) { td.addEventListener('click', function() { this.classList.add('active'); }); }

Given an HTML list ul. Make it so that when you click on any item in the list, it is activated with a red background.

Modify the previous task so that by clicking on the activated list item, activation is removed from it.