импортировать текст с помощью функции JavaScript - PullRequest
Новая
       20

импортировать текст с помощью функции JavaScript

0 голосов
/ 16 марта 2019

Я использую этот код для импорта текста из файла 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>

1 Ответ

0 голосов
/ 16 марта 2019

Вы не устанавливаете переменные 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>
...