Javascript 从数组中选择随机项

Javascript 从数组中选择随机项,javascript,html,Javascript,Html,我想为我的两个女儿做一个游戏。它随机选择一个形容词和一个名词,然后显示单词供他们表演 我可以将随机单词打印到控制台,但现在我需要它们出现在html中 Array.prototype.sample = function(){ return this[Math.floor(Math.random()*this.length)]; } var randomAdj = (["happy", "sad", "bouncy", "silly"].sample()); var randNoun = (

我想为我的两个女儿做一个游戏。它随机选择一个形容词和一个名词,然后显示单词供他们表演

我可以将随机单词打印到控制台,但现在我需要它们出现在html中

Array.prototype.sample = function(){
  return this[Math.floor(Math.random()*this.length)];
}


var randomAdj = (["happy", "sad", "bouncy", "silly"].sample());
var randNoun = (["monkey", "butterfly", "puppy"].sample());

document.getElementById(#adj).textContent = randomAdj;
document.getElementById(#noun).textContent = randomNoun;
最后两行对我不起作用adj和NONUM是html中使用的span ID

Array.prototype.sample = function(){
  return this[Math.floor(Math.random()*this.length)];
}


var randomAdj = (["happy", "sad", "bouncy", "silly"].sample());
var randNoun = (["monkey", "butterfly", "puppy"].sample());

document.getElementById(#adj).textContent = randomAdj;
document.getElementById(#noun).textContent = randomNoun;

我刚开始学习几周,所以我可能错过了一些非常明显的东西。

随机部分应该可以工作。但是,请记住,修改原型不是一个好的做法,但是您有两个语法错误:

document.getElementById(#adj).textContent = randomAdj;
document.getElementById(#noun).textContent = randomNoun;
将adj和名词作为字符串传递:

document.getElementById("adj").textContent = randomAdj;
document.getElementById("noun").textContent = randomNoun;
在getElementById调用中不需要该代码段。 还要注意,您使用的是randomNoun,但您声明了randNoun。以下是工作代码和示例:

函数随机项arr{ 返回arr[Math.floorMath.random*arr.length]; } var randomAdj=随机项[快乐、悲伤、活泼、愚蠢]; var randomNoun=randomItem[猴子、蝴蝶、小狗]; document.getElementByIdadj.textContent=randomAdj; document.getElementByIDNon.textContent=RandomNon; 沃恩

使用


非常感谢。我想那是一个小小的dumb@kristijoy81不客气!别忘了用空格核对答案✔ 按钮在我的答案左边的投票部分下。希望你的女儿们玩得开心
document.getElementById("adj").innerHTML = randomAdj;
document.getElementById("noun").innerHTML = randomNoun;