创建一个小页面，单击按钮从 3 个单独的列表中生成 3 个随机单词答案

【问题标题】：Creating a small page that generates 3 random words from 3 seperate lists at the click of a button创建一个小页面，单击按钮从 3 个单独的列表中生成 3 个随机单词
【发布时间】：2015-10-18 02:01:22
【问题描述】：

我在大学时写过一点代码，但基本上什么都忘记了。我想创建一个简单的页面，该页面有一个标记为“生成”的按钮，这将为您提供来自 3 个单独列表的 3 个单词的句子......基本上：

列表一有“1, 2, 3, 4, 5, 6, 7, 8, 9” 清单二有“a、b、c、d、e、f、g、h、i” 清单三有“车、马、健身房、集市、船”

您按下“生成”，它会将其中三个值放在一个句子中...... 示例：按下生成后 4 小时船...我该怎么做？

【问题讨论】：

Google“javascript 从列表中选择随机元素”和“javascript 连接字符串”。
@Jashaszun 所说的，但使用“Java”，而不是“JavaScript”。
@saadq 这就是我的意思，哎呀。我刚刚看到“java”和“page”，我的脑海里说的是“javascript 网页”。 :)

标签： java html list random

【解决方案1】：

<html>
<body>
<script>
Array.prototype.randomElement = function () {
    return this[Math.floor(Math.random() * this.length)]
}
var list1 = [ "1", "2", "3", "4", "5", "6", "7", "8", "9"];
var list2 = [ "a", "b", "c", "d", "e", "f", "g", "h", "i"];
var list3 = [ "car", "horse", "gym", "fair", "boat"];

function myFunction() {
    document.getElementById("demo").innerHTML = list1.randomElement() + " " 
    + list2.randomElement() + " " + list3.randomElement();
}
</script>
<p><p id="demo"></p></p>
<button onclick="myFunction()">Click me</button>
</body>
</html>

【讨论】：

很高兴为您提供帮助，所以请接受答案meta.stackexchange.com/questions/5234/…