document.querySelector()

document.querySelector()은 제공한 선택자와 일치하는 문서 내 첫 번째 element를 반환한다. 일치하는 요소가 없으면 null을 반환한다.

 

var scores, roundScore, activePlayer, dice;
 
scores = [0,0];
roundScore = 0;
activePlayer = 0;
 
dice = Math.floor(Math.random() * 6) + 1;
console.log(dice);
 
document.querySelector('#score-0').textContent = dice

dice 화면을 만들 때 document.querySelector()안에 html에 있는 score-0이라고 하는 아이디를 갖고 있는 것을 반환한다. 그래서 랜덤 값이 나오는 것을 score-0에 보여지게 한다.