본문 바로가기

자바스크립트 기기기초

#6.0 Quotes

  • 랜덤 명언 불러오기
const quotes = [{
    quote:"하루에 3시간을 걸으면 7년 후에 지구를 한바퀴 돌 수 있다",
    author:"사무엘존슨"
},{
    quote:"삶이 있는 한 희망은 있다",
    author:"키케로"
},{
    quote:"언제나 현재에 집중할수 있다면 행복할것이다.",
    author:"파울로 코엘료"
},{
    quote:"행복의 문이 하나 닫히면 다른 문이 열린다 그러나 우리는 종종 닫힌 문을 멍하니 바라보다가 우리를 향해 열린 문을 보지 못하게 된다",
    author:"헬렌켈러"
},{
    quote:"먼저 자신을 비웃어라. 다른 사람이 당신을 비웃기 전에",
    author:"엘사 맥스웰"
},{
    quote:"절대 어제를 후회하지 마라. 인생은 오늘의 나 안에 있고 내일은 스스로 만드는 것이다",
    author:"L.론허바드"
},{
    quote:"너무 소심하고 까다롭게 자신의 행동을 고민하지 말라 . 모든 인생은 실험이다 . 더많이 실험할수록 더나아진다",
    author:"랄프 왈도 에머슨"
},{
    quote:"한번의 실패와 영원한 실패를 혼동하지 마라",
    author:"F.스콧 핏제랄드"
},{
    quote:"1퍼센트의 가능성, 그것이 나의 길이다.",
    author:"나폴레옹"
},{
    quote:"고통이 남기고 간 뒤를 보라! 고난이 지나면 반드시 기쁨이 스며든다.",
    author:"괴테"
}
]

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)]; //0에서 1사이의 숫자 * 배열의 길이 -> 정수내림

quote.innerText = todaysQuote.quote;
author.innerText = todaysQuote.author;
<div id="quote">
        <span></span>
        <span></span>
    </div>

'자바스크립트 기기기초' 카테고리의 다른 글

#7.0 Setup  (0) 2023.02.15
#6.1 Background  (0) 2023.02.13
#5.2 PadStart  (0) 2023.02.10
#5.1 Timeouts and Dates  (0) 2023.02.10
#5.0 Intervals  (0) 2023.02.10