Uncaught TypeError: can't access property «add» JS. Как решить?

Question

[Smirator]

Приветствую всех! Казалось бы, банальная проблема. Но, не могу найти решение. Перерыл кучу материала (в том числе англоязычного) - результата 0. Подскажите, пожалуйста, почему не работает?
Переписывать код, демонстрируя свои навыки прогрессивного кодинга не нужно. Только подсказка /наводка / дополнительная строка , с указанием проблемы.
Благодарю!

function selectChange(){
  let lang = document.getElementsByName('lang')[0].value;
  let print = document.getElementsByName('print')[0].value;
  let typePrint = document.getElementsByName('typePrint')[0].value;

  if(lang){
    lang.classList.add('block');
    lang.setAttribute('required', '');

    if(print === 'no'){
      document.getElementById('noPrint').classList.add('block');
      typePrint.classList.add('none');
      typePrint.removeAttribute('required');
    }
      else if(print === 'yes' ){
        if(lang === 'en'){
            typePrint.classList.add('block');
            typePrint.setAttribute('required', '');
        }
        else {
          typePrint.classList.add('none');
          typePrint.removeAttribute('required');
        }
      document.getElementById('noPrint').classList.add('none');
    }
  }
   else{
    print.classList.add('none');
    print.removeAttribute('required');
    typePrint.classList.add('none');
    typePrint.removeAttribute('required');
    document.getElementById('noPrint').classList.add('none');
}
}

Comments

[Lynn «Кофеман»]

Три раза подумайте что такое lang в вашем коде. Откуда у него должен взяться classList?

[Smirator]

Lynn «Кофеман»,

<p>Выберите язык перевода</p>
<form name="test">
<select onchange="selectChange()" name="lang" required class="block">
  <option value="" class="">Выберите язык</option>
  <option value="en" class="">Английский</option>
  <option value="fr">Французкий</option>
  <option value="ge">Немецкий</option>
  <option value="is">Испанский</option>
</select>

<select onchange="selectChange()" name="print" class="none">
  <option value="yes">Да, печать нужна</option>
  <option value="no">Нет</option>
</select>

  <p id="noPrint" class="none"> Направим перевод без печатей и подписей в формате docx на ваш имейл</p>

  <select onchange="selectChange()" name="typePrint" class="none">
  <option value="bureau">Бюро</option>
  <option value="notary">Нотариус</option>
</select>

</form>

Извиняюсь, сразу не закинул верстку. Подскажите, пожалуйста. У select name="lang" class="block";

[edward_freedom]

Smirator, ты понимаешь что

let lang = document.getElementsByName('lang')[0].value;

вернет тебе тип переменной стринг, то есть текст? У текста нет метода classList

Answer 1

[Loli E1ON]

Потому, что:

let lang = document.getElementsByName('lang')[0].value;

не является DOM элементом, там скорее всего строка, значение из инпута, e.g.

Попробуйте так:

let lang = document.getElementsByName('lang')[0];
...
lang.classList.add('block');

Comments

[Smirator]

Действительно, это помогло решить проблему. Ошибка в консоли не появляется, но и код не работает).