Что может быть не так в коде? (Cannot read properties of undefined (reading 'add'))

У меня есть блок с id="nav" в котором находятся ещё 2 блока с class="header". Во время события scroll, я выдаю объектам класс moveup или movedown(зависит от pageYOffset). Я пробовал HtmlCollection перевести в Array, в следствии чего ничего не произошло.

document.addEventListener("DOMContentLoaded",() =>{
  const header = document.getElementById("nav").getElementsByClassName("header");
  function onScroll(){
    if(pageYOffset >= 250){
      for(let i = 0; i < header.length; i++){
        let element = header[i];
        element.ClassList.add("moveup");
        element.ClassList.remove("movedown");
      }
    }else{
      for(let i = 0; i < header.length; i++){
        let element = header[i];
        element.сlassList.add("movedown");
        element.ClassList.remove("moveup");
      }
    }
  }
  document.addEventListener("scroll", onScroll);
});