const quotes = [

{ ... }

];

const quote = document.querySelector("#quote span:first-child");

const author = document.querySelector("#quote span:last-child");

const todaysQuote = quotes[Math.floor(Math.random() * quotes.length)];

quote.innerText = todaysQuote.quote;

quote;author.innerText = todaysQuote.author;

명언들은 너무 길어서 삭제했고 코드는 quote 1강 그대로 가져왔습니다.

궁금한 것은 맨 아래 두 줄의 코드를 보면 명언과 작가를 따로 코드를 작성했으니까 명언과 작가가 따로 섞여서 화면에 출력되어야 하지 않을까요?

예를 들어, quote.innerText = todaysQuote.quote; 에 의해서 3번 째 명언이 나왔다면, quote;author.innerText = todaysQuote.author; 코드에 의해서 8번 째 작가가 화면에 출력될 수 있는 거 아닐까요? 왜 항상 우리가 설정한 같은 명언, 작가가 나오는 것일까요?

질문이 이해가 되시는 지 모르겠지만 한 번 등록해봅니다.