js 시계를 만들어 보자
<body>
<div class = "time">
<h1>00:00</h1>
</div>
<script src= "time.js"></script>
</body>이렇게 html 을 세팅하고
js파일에서
우선 클래스 time을 을 선택하여 변수선언한 후
const container = document.querySelector(".time")
그 clsss time의 자식 태그인 h1을 선택하여 변수선언하기
const clock = container.querySelector("h1")
지금 태그가 많이 없는 상태에서는
const container = document.querySelector(".time") 없이
const clock = document.querySelector("h1")
이 줄 만으로도 작동이 가능하지만
굳이 두줄을 쓰는 이유는 부모자식 태그들을 정확히 선택하기 위함!
코딩의 해상도 높이기