Selecciona imágenes

A mi me daba error esta linea:

  document.querySelector('li.selected').classList.remove('selected')

Entonces modifique la funcion addImagesEvents de esta manera

function addImagesEvents(){
  const thumbs = document.querySelectorAll('li.list-group-item')

  for(let i=0, length1 = thumbs.length; i<length1; i++){
**      if(i === 0) {
        thumbs[i].classList.add('selected')
      }**
      thumbs[i].addEventListener('click', function () {
      changeImage(this)
    })
  }
}

Lo realicé de esta manera

window.addEventListener('load', () => addImagesEvents())

const addImagesEvents = () => {
  const thumbs = document.querySelectorAll('li.list-group-item')
  thumbs.forEach(thumb => thumb.addEventListener('click', ({ currentTarget }) => changeImage(currentTarget)))
}

const changeImage = currentTarget => {
  document.querySelector('li.selected').classList.remove('selected')
  currentTarget.classList.add('selected')
  document.getElementById('image-displayed').src = currentTarget.querySelector('img').src
}

window.addEventListener(‘load’, () =>{
addImagesEvents()
})

function addImagesEvents (){
const thumbs = document.querySelectorAll(‘li.list-group-item’)

for (let i = 0, length1 = thumbs.length; i < length1; i++) {
thumbs[i].addEventListener(‘click’, function (){
changeImage(this)
})
}
}
function changeImage (node) {
document.querySelector(‘li.selected’).classList.remove(‘selected’)
node.classList.add(‘selected’)
document.getElementById(‘image-displayed’).src = node.querySelector(‘img’).src

}

me siento contento que al llegar hasta aqui todo me funcione