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
相关产品推荐
相关产品推荐

