使用Javascript随机选择文本并显示它

时间:2018-05-01 17:46:12

标签: javascript

我有一天我无法用语言表达我想要找到的东西。所以,请原谅我,如果之前已经问过这个问题,如果有的话,我根本找不到它。

如果我有十个不同的文本,如何使用Javascript随机选择其中一个,并显示它。

我最接近的是:



var textArray = [
  'Hello Fred',
  'Hello Jimmy',
  'Hello Terry'
];
var randomNumber = Math.floor(Math.random() * textArray.length);

audioElement.setAttribute('src', textArray[randomNumber]);

<p id="text-here">This is where I want the text to go</p>
&#13;
&#13;
&#13;

我很确定这并不是我所需要的。

2 个答案:

答案 0 :(得分:3)

我已经测试过,它运行得很好。只需将数组字符串值括在双引号中,一切都将按预期工作。

此处只设置 p 标记的innerHTML值,该标记由id randomNumber 选择,然后使用随机文本值进行设置你的阵列。

getElementById: https://developer.mozilla.org/en-US/docs/Web/API/Document/getElementById

innerHTML: https://developer.mozilla.org/en-US/docs/Web/API/Element/innerHTML

var textArray = [
  "Hello I'm Fred1",
  "Hello I'm Jimmy1",
  "Hello I'm Terry1",
  "Hello I'm Fred2",
  "Hello I'm Jimmy2",
  "Hello I'm Terry2",
  "Hello I'm Fred3",
  "Hello I'm Jimmy3",
  "Hello I'm Terry3"
];
var randomNumber = Math.floor(Math.random() * textArray.length);
document.getElementById("randomNumber").innerHTML = textArray[randomNumber];
<p id="randomNumber"> </p>

答案 1 :(得分:0)

创建一个创建随机数的函数

function getRandomInt(max) {
  return Math.floor(Math.random() * Math.floor(max));
}

调用函数以获取一个随机数,该数字将作为数组索引

var index = getRandomInt(9)

现在考虑你有阵列&#39; textArray&#39;然后你可以写

var text = textArray[index]

现在更新段落

中的值
document.getElementById("text-here").innerHTML=text;