如何创建随机报价生成器？-解网

问：

我正在构建一个积极的肯定生成器，并希望得到一些输入。我正在尝试弄清楚如何生成报价。我已经写下了Math.random。下面是一些代码。

function newQuote() {
  var randomNumber = Math.floor(Math.random() * (positiveAff.length));
  document.getElementById(affirmations).innerHTML = positiveAff[randomNumber];
}

<body>
  <h1>Positive Affirmations Generator</h1>

  <div id="affirmations">

  </div>
  <button onclick="newQuote()">Click to change affirmations</button>


  <script src="script.js"></script>
</body>

JavaScript 引用

const positiveAff = [
{ id: 1, quote: "Lorem ipsum dolor sit amet consectetur adipisicing elit. Velit, dolores!" },
{ id: 2, quote: "consectetur adipisicing elit. Velit, dolores!" },
{ id: 3, quote: "amet consectetur adipisicing elit. Velit, dolores!" }]

const button = document.getElementById('button')

button.addEventListener("click", function () {
  newQuote()
})
function newQuote() {
  var randomNumber = Math.floor(Math.random() * (positiveAff.length));
  document.getElementById("affirmations").innerHTML = positiveAff[randomNumber].quote;
}

<h1>Positive Affirmations Generator</h1>
<div id="affirmations"></div>
<button id="button">Click to change affirmations</button>

1赞 Dennis van de Hoef - Xiotin 12/19/2021 #2

根据您的代码片段，问题不在于您获取报价的代码。问题是你是怎么写的。在 use 中，作为变量，该变量从未定义过。我把它改成一个字符串，并添加了一个数组，现在它可以工作了。document.getElementById(affirmations)affirmations

   positiveAff = [
  "Lorem ipsum dolor sit amet consectetur adipisicing elit. Velit, dolores!",
  "consectetur adipisicing elit. Velit, dolores!",
  "amet consectetur adipisicing elit. Velit, dolores!"
]

function newQuote() {
  var randomNumber = Math.floor(Math.random() * (positiveAff.length));
  document.getElementById('affirmations').innerHTML = positiveAff[randomNumber];
}

<h1>Positive Affirmations Generator</h1>
<div id="affirmations"></div>
<button onclick="newQuote()">Click to change affirmations</button>

上一个：在字符串数组中添加单引号 javascript

下一个：如何在JavaScript中替换或编码单引号和右双引号？

如何创建随机报价生成器？

How to create a randomized quote generator?

评论