You've made a simple mistake. You collect 3 elements into an array-like structure (A NodeList). You'd like to apply event listeners to each of these lists. What you instead try to do is apply an event listener to the *collection that contains the elements*. Oops! Array-like objects don't have event listeners...
Just attach the handler to each of the elements in the node-list
lists[0].addEventListener
lists[1].addEventListener
lists[2].addEventListener
If instead, you use the ES6 spread operator, you can make an array from the node-list. An actual array has the benefit of including the forEach method.
var nodeList = document.querySelectorAll('.list');
var actualArray = [...nodeList];
actualArray.forEach( eachItemFunc };
function eachItemFunc(item, index, wholeCollection)
{
item.addEventListener('click', onListClicked, false);
}
function onListClicked(evt)
{
}