명언과 명언의 원작자(?)가 들어갈 html태그를 만들자
위의 span태그에는 명언, 아래에는 이름이 들어갈 자리.
이제는 js파일에 명언과 이름을 배열에 넣을 차례
이런 식으로 10개 정도를 만들었다. 배열에 넣어야 한다.
그리고 그 아래 명언이 랜덤 하게 뜨도록 코드를 짜준다.
quote 변수에는 querySelector로, quote라는 id 값을 가진 태그의 첫 번째 자식 태그인 span의 위치를 지정해줬다.
author 변수에는 querySelector로, quote라는 id 값을 가진 태그의 두 번째 자식 태그인 span의 위치를 지정해줬다.
aysQuote 변수는 랜덤 한 숫자를 뱉는 Math.random을 사용했는데, 0~1까지의 랜덤 한 수를 내뱉기 때문에
저것만 가지고는 배열의 위치 값을 불러올 수 없다.
그래서 그 랜덤 값에 명언의 길이만큼을 곱해주고, 소수점은 버려야 하니 Math.floor를 사용한다.
예를 들어, 0.123이라는 랜덤 한 값이 나왔다면 명언의 길이(개수)인 10을 곱하고 소수점은 버리게 되니, 1이 나오게 되고
명언 배열의 1번 위치의 값을 출력하게 된다.
명언의 위치를 지정한 quote 변수에 innerText로 aysQuote의 quote값을 넣어준다.
author.innerText = aysQuote.author; 로 이름도 넣을 수 있지만 명언만 있는 게 더 괜찮은 것 같아서 이 부분은 넣지 않았다.
완성
