salary999

메인 페이지에서 선언 순서를 변경하니까 해결 됐습니다 ~ ^^;;
이전에는 monster.js 를 game.js 아래에 선언했었는데, class.js 위로 순서를 변경했어요!!&nbsp;
<div style="color: #d4d4d4; background-color: #1e1e1e; font-family: 'D2Coding ligature', Consolas, 'Courier New', monospace; font-size: 14px; line-height: 19px; white-space: pre;">
<div><script src="./js/monster.js"></script></div>
<div><script src="./js/class.js"></script></div>
<div><script src="./js/game.js"></script></div>
</div>

몬스터가 참조가 안되는 이슈가 있습니다.

안녕하세요? 지나가다가 보게되었는데요.
.desc-message.a 를 넣으면 에러나는 이유는
<span data-darkreader-inline-color="" style="box-sizing: border-box; font-family: Menlo, Monaco, 'Courier New', monospace; font-size: 14.3px; white-space: pre; background-color: #1e1e1e; color: #808080; --darkreader-inline-color: #988f81;"><<span data-darkreader-inline-color="" style="box-sizing: border-box; font-family: Menlo, Monaco, 'Courier New', monospace; font-size: 14.3px; white-space: pre; background-color: #1e1e1e; color: #569cd6; --darkreader-inline-color: #60a4d8;">div <span data-darkreader-inline-color="" style="box-sizing: border-box; font-family: Menlo, Monaco, 'Courier New', monospace; font-size: 14.3px; white-space: pre; background-color: #1e1e1e; color: #9cdcfe; --darkreader-inline-color: #87d5fe;">class=<span data-darkreader-inline-color="" style="box-sizing: border-box; font-family: Menlo, Monaco, 'Courier New', monospace; font-size: 14.3px; white-space: pre; background-color: #1e1e1e; color: #ce9178; --darkreader-inline-color: #cf947b;">"sticky-elem desc-message b"<span data-darkreader-inline-color="" style="box-sizing: border-box; font-family: Menlo, Monaco, 'Courier New', monospace; font-size: 14.3px; white-space: pre; background-color: #1e1e1e; color: #808080; --darkreader-inline-color: #988f81;">>
아래 HTML 코드에 선언된 클래스가 .desc-message.b 라서 그런게 아닐까요?
오타 때문에 생긴 것 같은데 다시 한번 시도해보셔요.
그리고 이해하고 계신 부분은 맞습니다.
쿼리셀렉터에서 저렇게 선언하면 해당 id 값을 가진 요소를 먼저 찾은 후
클래스명이 main-message 와 a 를 동시에 갖고 있는 자식 요소를 선택합니다.

salary999

Posts