Как исправить ошибку Cannot set properties of null (setting 'className')?

Question

[Kapitan21]

Поясните пожалуйста,в чем ошибка.
HTML

<p><i id="text">Text</i></p>
<p><input value="Name" id="name"></p>
<p><input value="LastName" id="lastname"></p>
<button id="buttonid">Send</button>
<script src="JsCode.js"></script>
<p><img src="https://i.pinimg.com/originals/3a/49/c1/3a49c13b207c20bdf1fac243a9a8bc6b.png" id="sizeid"></p>
<link rel="stylesheet" href="LearnCSS.css">

CSS

.error {
    color: red;
    width: 300px;
}


.textColor {
    font-size: 30px;
    color: red;
}

JS

function AddError(id) {
  var element = document.getElementById(id)
  element.className = 'error';
}

function AddErrorNext() {
  AddError('name')
  AddError('lastname')
  AddError('sizeid')
}

var clickbutton = document.getElementById('buttonid');

clickbutton.addEventListener('click', AddErrorNext)

function TextI(id) {
  var textel = document.getElementById(id)
  textel.className = 'textColor';
}
function adText() {
  TextI('text')
}
adText();

p.s функция AddErrorNext работает. Вопрос относится к функции adText

Answer 1

[Alex]

https://qna.habr.com/answer?answer_id=2078164#answ...

Answer 2

[dollar]

Для начала:

var textel = document.getElementById(id)
if (!textel) return console.error("HTML id not found:", id);

А дальше методом исключения пробуй и щупай в консоли.