You need to enable JavaScript to run this app. script.js中新增quote函数无法显示作者名称问题求助
优惠活动
大模型
产品
解决方案
定价
更多

script.js中新增quote函数无法显示作者名称问题求助

问题根因

你的newQuote函数仅对名言内容字段做了文本赋值,没有处理作者字段的赋值逻辑,导致作者节点的展示内容始终停留在初始的'Unknown'状态。

修复方案

在newQuote函数中补充作者字段的赋值逻辑即可,同时可以增加边界兼容处理,避免API偶发无作者字段时页面展示异常:

const quoteContainer = document.getElementById('quote-container');
const quoteText = document.getElementById('quote');
const authorText = document.getElementById('author');
const twitterBtn= document.getElementById('twitter');
const newQuoteBtn = document.getElementById('new-quote');
const loader = document.getElementById('loader');

let apiQuotes = [];
//New Quote
function newQuote(){
    complete();
    //Random quote
    const quote = apiQuotes[Math.floor(Math.random() * apiQuotes.length)];
    
    quoteText.textContent = quote.text;
    // 新增作者赋值逻辑,无作者时默认展示Unknown
    authorText.textContent = quote.author || 'Unknown';
}

内容的提问来源于stack exchange,提问作者manbyothername

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.10.10 22:45:04