[에러] Uncaught TypeError: Cannot set properties of undefined (setting 'diplay')

<p className="title-error">투표 제목은 40글자 이하여야 합니다</p>

위의 p 태그를 상황(글자 수)에 따라 보여주고 사라지게 만들고 싶었다

if(titleText.length > 40) {
    document.getElementsByClassName("title-error").style.diplay = "block";
}
else document.getElementsByClassName("title-error").style.diplay = "none";

그래서 위와 같이 코드를 작성했는데 Uncaught TypeError: Cannot set properties of undefined (setting 'diplay')라는 에러가 떴다. document.getElementsByClassName은 nodeList를 반환하기 때문에 접근하고자 하는 값의 위치를 명시해줘야 한다고 한다.

document.getElementsByClassName("title-error")를 콘솔에 찍었을 때 아래와 같은 결과가 나온다.

결과

이 때의 난 0번째 값이 필요하기 때문에 코드를 아래와 같이 수정하면 원하는 위치에 접근하게 된다.

if(titleText.length > 40) {
    document.getElementsByClassName("title-error")[0].style.diplay = "block";
}
else document.getElementsByClassName("title-error")[0].style.diplay = "none";