querySelector - HTML 태그 선택

    document.querySelector('#order')
//  #order는 id가 order인걸 선택한다. class 선택은 .+이름
//     span#order는 span 태그 안에 order인 아이디를 찾는것이지만,
//     관례상 고유한 id 값 입력해 사용한다.
    document.querySelectorAll('button.btn');
//     button 내 btn 클래스 를 모두 선택

    document.querySelector('div span');
//     이건 자손 선택 태그를 의미한다. div>span 식으로, div 내 span 을 선택한다.
//     이후 자손이 있음에도 여기서 끝나면 그 이후 자손도 다 자동 선택
    document.querySelector('body #order button');
//      이건 body 태그 안, id가 order인 태그 안 button 태그를 선택한다.