Question

当我点击随机按钮时，我试图在网页上放一个小js，从一个列表中随机选择一个单词，从另一个列表中随机选择另一个单词。目前我正在使用以下代码从一个列表中返回一个单词但我无法弄清楚如何使它与多个单词列表一起使用。

    <body>
<a id="myButton" href="#">
Random
</a>
<div id="myRandomDiv">
</div>

<script type="text/javascript" charset="utf-8">
var randomStrings = [
    "Jack",
    "Jill",
    "Michael", 
    "Roger",
    "Thomas",
    "Samuel",
    "stranger",
];

var randomDiv = document.getElementById("myRandomDiv");

document.getElementById("myButton").addEventListener("click", function() {
      randomIndex = Math.ceil((Math.random()*randomStrings.length-1));
      newText = randomStrings[randomIndex];
      randomDiv.innerHTML = newText;
});
</script>  
</body>

感谢您的帮助 -Samuel

Answer 1

尝试这样做：

<script type="text/javascript" charset="utf-8">
var randomStrings1 = ["a", "b", "c"];
var randomStrings2 = ["d", "e", "f"];
var randomDiv = document.getElementById("myRandomDiv");

document.getElementById("myButton").addEventListener("click", function() {
   randomIndex1 = Math.ceil((Math.random()*randomStrings1.length-1));
   randomIndex2 = Math.ceil((Math.random()*randomStrings2.length-1));
   newText = randomStrings1[randomIndex1] + randomStrings2[randomIndex2];
   randomDiv.innerHTML = newText;
});
</script>

这将从2个不同的列表（randomStrings1和randomStrings2）中选择一个随机字符串，并将它们连接起来。

从2个单独的列表中获取两个随机选择的2个单词

1 个答案: