Почему не работает elem.classlist.add?

Question

[Артём]

Почему не работает elem.classlist.add?
Вот код. У меня есть див, с id showhide, по нажатию на который, диву с id choise , который внутри дива showhide и изначально имеет дисплей none должен добавиться класс Shows, в котором display:inline и должен появится див, в котором есть кнопка с id cl, по нажатию на которую дисплей снова станет none. Но почему-то при нажатии на div с классом showhide ничего не происходит, в консоли ошибка Uncaught TypeError: Cannot read property 'add' of undefined
at HTMLDivElement.show

function show(){
    choise.classList.add('shows'); 
   }
   showHide.addEventListener('click',show)

   function cls(){
    choise.classList.add('Tips');
  }

  cl.addEventListener('click',cls)

Comments

[Айнур Валиев]

дай полный код. что в choise?

[Артём]

Айнур Валиев,

<div id="showHide">
                
                <div id="choise" >
                    <button id="cl"></button>
                   Вывод в alert:
                    <input type="radio" name="radiobtn" value="n1">
                </br>
                    Вывод в новое окно:
                    <input type="radio" name="radiobtn" value="n2">
                  </div>
            </div>

[Айнур Валиев]

Артём, я имел ввиду в переменной choice.
var choice = document.getElementById('choice')

[AngReload]

Айнур Валиев, мне кажется, что он не объявлял переменную choice, а пользуется тем что все элементы страницы доступны из window по их id. Это плохая практика, которая провоцирует ошибки.

[Артём]

AngReload, объявлял и получал

Answer 1

[AngReload]

function show() {
  choise.classList.add('shows'); 
}

Попробуй заменить на:

function show() {
  var choise = document.getElementById('choise');
  choise.classList.add('shows'); 
}

Comments

[Артём]

я получал переменную choise выше, но я уже решил проблему, спасибо.

[Модератор]

Артём, напишите ответ о том, как вы её решили. Это поможет другим пользователям, у которых возникнет такая же проблема.

[Артём]

Модератор, да я сделал совсем по-другому, это не подойдёт как ответ, на данный вопрос.