console.log("CAPABLE");

'use strict'; console.log(document.querySelector('.message').textContent); querySelector을 이용해서 이 메시지 요소를 선택했다. 선택된 요소로부터 텍스트 콘텐츠도 얻었다. 텍스트 콘텐츠를 얻는 것 외에 요소의 콘텐츠도 설정할 수 있게되었다. document.querySelector('.message').textContent = '👏 Correct Number!'; console.log(document.querySelector('.message').textContent); DOM 조작 DOM 메모의 텍스트 콘텐츠를 조작했다. document.querySelector('.number').textContent = 13; document.qu..

Cascade (캐스케이드) 적용된 스타일의 순서가 중요하다. 스타일의 최상단부터 출발한 폭표(cascade)가 아래로 쭉 흘러서 스타일시트 최하단이나 다음 스타일 시트로 넘어가는 것이다. 순서는 중요하며 맞닥뜨린 순서가 브라우저의 표시에 반영된다. h1 { color: red; } h1 { color: purple; } 위의 코드는 2갸의 상반되는 스타일이 있다. 하나는 빨강, 하나는 보라이다. 우선은 빨강이 먼저 적용된다. 하지만 캐스케이드로 인해 보라색으로 대체된다. 순서는 하나 이상의 스타일시트가 있을 경우에도 중요하다. 순서의 영향은 브라우저의 페이지를 따라 내려가며 모든 스타일을 순서대로 만나고 다음 링크된 이 스타일시트로 넘어간다잉. 서로 충돌하는 스타일이 동일한 요소에 적용된다면 어떻게 될..