问将报价输入innerText
EN

Stack Overflow用户

提问于 2021-03-20 07:35:45

回答 1查看 42关注 0票数 0

我得到了一个API的随机报价，我想要显示。我正在尝试建立一个打字网站作为我学习的第一个项目。获得报价后，我使用.innerText = quote将其与元素关联。但我在网站上的文字显示“未定义”

const random_api_url = "https://animechan.vercel.app/api/random"
const quoteDisplayElement = document.getElementById('word-display')

function getRandomQuote() {
    return fetch(random_api_url)
        .then(response => response.json())
        .then(quote => console.log(quote.quote))
}

async function renderNewQuote() {
    const quote = await getRandomQuote()
    quoteDisplayElement.innerText = quote
}

renderNewQuote()

<div class="word-display" id="word-display">Text</div>

javascript

html

回答 1

Stack Overflow用户

发布于 2021-03-20 07:58:02

只需在您的最后一个then中return报价

function getRandomQuote() {
    return fetch("https://animechan.vercel.app/api/random")
        .then(response => response.json())
        .then(({quote}) => quote)
}

async function renderNewQuote() {
    document.getElementById('quote-display').textContent = await getRandomQuote()
}

renderNewQuote()

<div id="quote-display">Text</div>

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/66716837

复制

相似问题

问将报价输入innerText
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问将报价输入innerTextEN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问将报价输入innerText
EN