从数组中提取随机字符串并插入句子

Question

如何从数组中随机拉出一个字符串，并将该字符串插入到一个跨度中？这是数组：

var startupX = ['Uber', 'Google', 'Amazon', 'Apple', 'Facebook', 'Twitter'];
var startupY = ['Slack', 'Trello', 'Tesla', 'Hyperloop', 'Harvest'];

这些是启动名称需要进入的跨度

<h1 id="xForY"></h1>
  <h1>A startup that is 
    <span id="startupX"></span>, but for 
    <span id="startupY"></span>
    </h1>

Answer 1

首先，从每个数组中随机找到一个元素。 Math.random() 会帮助你。

然后您可以使用 DOM API 将其插入您的页面：

var startupX = ['Uber', 'Google', 'Amazon', 'Apple', 'Facebook', 'Twitter'];
var startupY = ['Slack', 'Trello', 'Tesla', 'Hyperloop', 'Harvest'];

var x = startupX[Math.floor(Math.random()*startupX.length)];
var y = startupY[Math.floor(Math.random()*startupY.length)];

document.getElementById('startupX').innerHTML = x;
document.getElementById('startupY').innerHTML = y;

<h1 id="xForY"></h1>
<h1>A startup that is 
    <span id="startupX"></span>, but for 
    <span id="startupY"></span>
</h1>

Answer 2

Math.random 会给你一个从 0 到 1 的数字 [0, 1).

您可以使用它来获取最大数组索引内的随机数：

var randomIndex = Math.floor(Math.random() * startupX.length);

然后你可以使用这个索引来访问你的数组：

startupX[randomIndex];

具有可以将其放置在元素上的值：

document.getElementById('startupX').innerHTML = startupX[randomIndex];

从数组中提取随机字符串并插入句子

Pull random string from array and insert in sentence

html

javascript

arrays

getelementbyid