Uncaught TypeError: невозможно прочитать свойства undef (чтение «удалить») или (чтение «добавить») ⇐ Html

[Гость]

Я знаю, что это проблема для новичков, но... у меня есть набор списков, которые я хочу отобразить

на основе ценности страницы, на которую кликают.

• 1
• 2
• 3

Вот код на JS:

const podcastsListOne = document.getElementsByClassName("podcasts-list-1") const podcastsListTwo = document.getElementsByClassName("список-подкастов-2") const podcastsListThree = document.getElementsByClassName("список-подкастов-3") функция selectPodcastsList () { текущееЗначение = event.target.value; если (текущее значение === 1) { console.log(текущее значение) podcastsListOne.classList.add("список-подкастов-видимый") podcastsListTwo.classList.remove("список-подкастов-видимый") podcastsListThree.classList.remove("список-подкастов-видимый") } еще если (текущее значение === 2) { console.log(текущее значение) podcastsListOne.classList.remove("список-подкастов-видимый") podcastsListTwo.classList.add("список-подкастов-видимый") podcastsListThree.classList.remove("список-подкастов-видимый") } иначе, если (currentValue === 3) { console.log(текущее значение) podcastsListOne.classList.remove("список-подкастов-видимый") podcastsListTwo.classList.remove("список-подкастов-видимый") podcastsListThree.classList.add("список-подкастов-видимый") } } Однако каждый раз, когда я нажимаю на элемент , я вижу ошибку «Необнаруженная ошибка типа: невозможно прочитать свойства неопределенного значения (чтение «удалить»)». Почему это так? Какой код будет правильным, чтобы избежать этого и достичь своей цели?