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

Posted

技术标签:

【中文标题】创建一个小页面,单击按钮从 3 个单独的列表中生成 3 个随机单词【英文标题】:Creating a small page that generates 3 random words from 3 seperate lists at the click of a button 【发布时间】: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 网页”。 :) 【参考方案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/…

以上是关于创建一个小页面,单击按钮从 3 个单独的列表中生成 3 个随机单词的主要内容,如果未能解决你的问题,请参考以下文章

从 Blazor 中生成的按钮调用函数

为啥我需要单击两次才能在输入字段中生成一个值

循环,从数组中生成带有函数的按钮

加速大量以编程方式创建的按钮显示

在python中生成组合

如何通过pl sql函数从表中生成列表?