通过javascript函数导入文本答案

【问题标题】：import text by javascript function通过javascript函数导入文本
【发布时间】：2019-08-07 13:47:48
【问题描述】：

我正在使用此代码将文本从 js 文件导入到 html，但它不起作用，我不知道是什么问题。

const quotes = [{
    "quote": "This is just a Quote1",
    "source": "Christopher"
  },
  {
    "quote": "This is just a Quote2",
    "source": "Martin"
  },
  {
    "quote": "This is just a Quote3",
    "source": "Dennis"
  },
]

function randomQuote() {
  let random = quotes[Math.floor(Math.random() * quotes.length)];
  quotation.innerText = `"${random.quote}"`;
  source.innerText = random.source;
}

randomQuote();

<script type="text/javascript" src="trivia/quotes.js"></script>

<blockquote>
  <p id="quotation"></p>
  <footer>
    <p id="source"></p>
  </footer>
</blockquote>

【问题讨论】：

标签： javascript text quotes

【解决方案1】：

您没有设置变量quotation 和source：

const quotes = [{
    "quote": "This is just a Quote1",
    "source": "Christopher"
  },
  {
    "quote": "This is just a Quote2",
    "source": "Martin"
  },
  {
    "quote": "This is just a Quote3",
    "source": "Dennis"
  },
]

var quotation = document.getElementById('quotation'); // get the quotation <p>
var source = document.getElementById('source'); // get the source <p>

function randomQuote() {
  let random = quotes[Math.floor(Math.random() * quotes.length)];
  quotation.innerText = `"${random.quote}"`;
  source.innerText = random.source;
}

randomQuote();

<blockquote>
  <p id="quotation"></p>
  <footer>
    <p id="source"></p>
  </footer>
</blockquote>

【讨论】：