프로그래밍/JavaScript

document.querySelector()

루돌프___ 2019. 8. 12. 19:53

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

 

1
2
3
4
5
6
7
8
9
10
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
cs

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