기존의 것 hidden하고 다른 텍스트 나오게 해주는거

const HIDDEN_CLASSNAME = "hidden";

이런식으로 string만 포함된 변수는 일반적으로 대문자로 표시한다.
중요한 정보를 담은게 아니기 때문에 대문자로 작성한다고 함

const HIDDEN_CLASSNAME = "hidden";

function onLoginSubmit(event) {
  event.preventDefault();
  loginForm.classList.add("HIDDEN_CLASSNAME");
  const username = loginInput.value;
  greeting.innerText = "Hello " + username;
  greeting.classList.remove("HIDDEN_CLASSNAME");
}

여기서 hidden이라고 적어줬던 부분을 const로 만들었는데
자꾸 안되서 도대체 뭐가 문제지 하고 고민했는데..
알고보니 HIDDEN_CLASSNAME이걸 똑같이 ""이걸로 감싸줘서 그런거였다.
이건 변수로 만들어줬으니까 ""없이 그냥

function onLoginSubmit(event) {
  event.preventDefault();
  loginForm.classList.add(HIDDEN_CLASSNAME);
  const username = loginInput.value;
  greeting.innerText = "Hello " + username;
  greeting.classList.remove(HIDDEN_CLASSNAME);
}

이렇게 써주면 작동되었다.