인프런 커뮤니티 질문&답변

⚠질문 작성법

• 세션 7 - 4.API를 사용해 명언

강사님처럼 명언을 검색바 밑으로 보여지게 출력하고 싶은데요, 저는 오른쪽으로 명언이 출력되요! 명언바 위치 설정을 어떻게 해야 하는 지 궁금해요?!

const API_URL = "https://random-quote.hyobb.com/";
const quoteElement = document.getElementById("quote");
const quoteItem = localStorage.getItem("quote");

const nowDate = new Date();
const month = nowDate.getMonth() + 1;
const date = nowDate.getDate();

const setQuote = (result) => {
  let quote = { createDate: `${month}-${date}`, quoteDate: result };
  localStorage.setItem("quote", JSON.stringify(quote));
  quoteElement.textContent = result;
};

const getQuote = async () => {
  try {
    const data = await fetch(API_URL).then((res) => res.json());
    const result = data[1].respond;
    setQuote(result);
  } catch (err) {
    console.log(`err:${err}`);
    setQuote("작은 기회로 부터 종종 위대한 업적이 시작된다. - 데모스테네스");
  }
};

getQuote();