● class 속성으로 여러 태그 선택하기
두 번째와 세 번째 버튼을 동시에 선택하고 싶을 수도 있습니다. 그런데 id 속성은 하나의 태그에만 사용할 수 있고 2개를 동시에 선택할 때는 사용할 수 없습니다. 이럴 때는 class 속성을 사용합니다. 자바스크립트 문법에 있는 class와는 다르니 헷갈리면 안 됩니다.
<div><span id="order">1</span>번째 참가자</div>
<div>제시어: <span id="word"></span></div>
<input type="text">
<button>입력</button>
<button class="hello">버튼2</button>
<button class="hello">버튼3</button>
<script>
const $$buttons = document.querySelectorAll('.hello');
console.log($$buttons);
</script>