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

首先，从每个数组中找到一个随机元素。 {{3}}会帮助您。

然后您可以使用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];

从数组中拉出随机字符串并插入句子中

2 个答案: