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

时间:2016-07-05 23:22:33

标签: javascript html arrays getelementbyid

如何从数组中随机拉取字符串,并将该字符串插入跨度? 继承阵列:

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>

2 个答案:

答案 0 :(得分: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>

答案 1 :(得分:1)

Math.random会为您提供从0到1的独家[0, 1)的号码。

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

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

然后您可以使用此索引访问您的数组:

startupX[randomIndex];

拥有该值可以将其放在元素上:

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