在两个位置显示数组中的随机单词
Displaying a Random Word From Array in Two Spots
<input type="button" id="btnSearch" value="Search" onclick="myFunction();" />
<div id="message">
<p></p>
</div>
<br>
<div id="message">
<p></p>
</div>
<script type="text/javascript">
function myFunction() {
var myarray= new Array ("Drama", "Fable", "Fairy Tale", "Fantasy", "Fiction", "Folklore", "Historical Fiction", "Horror", "Humor", "Mystery", "Mythology", "Poetry", "Realistic Fiction", "Science Fiction", "Short Story", "Tall Tale");
var random = myarray[Math.round(Math.random() * (myarray.length - 1))]
var display = document.getElementById("message").innerHTML=random;
}
</script>
到目前为止,我已经有了这个,我要做的是让一个按钮单击显示我的数组中的两个随机单词。提前感谢您的帮助!
https://jsfiddle.net/edexxmjo/
也许这是一个可行的解决方案
<button type="button" id="myBtn">Search</button>
<div id="message1">
</div>
<br>
<div id="message2">
</div>
这是JavaScript
document.getElementById("myBtn").addEventListener("click", clickHandler);
function clickHandler(event) {
event.preventDefault();
document.getElementById("message1").innerHTML = selectedWord();
document.getElementById("message2").innerHTML = selectedWord();
}
function selectedWord(){
var myarray = new Array("Drama", "Fable", "Fairy Tale", "Fantasy", "Fiction", "Folklore", "Historical Fiction", "Horror", "Humor", "Mystery", "Mythology", "Poetry", "Realistic Fiction", "Science Fiction", "Short Story", "Tall Tale");
return myarray[Math.round(Math.random() * (myarray.length - 1))];
}
id
是唯一的,如果您需要在两个位置显示class
请使用选择器或添加另一个唯一id
如下所示,
<div id="message">
</div>
<br>
<div id="message_2">
</div>
<script type="text/javascript">
function myFunction() {
var myarray= new Array ("Drama", "Fable", "Fairy Tale", "Fantasy", "Fiction", "Folklore", "Historical Fiction", "Horror", "Humor", "Mystery", "Mythology", "Poetry", "Realistic Fiction", "Science Fiction", "Short Story", "Tall Tale");
var random = myarray[Math.round(Math.random() * (myarray.length - 1))]
document.getElementById("message").innerHTML=random;
document.getElementById("message_2").innerHTML=random;
}
</script>
按 ID、标记、名称、类、CSS 选择器获取元素
相关文章:
- Jquery/Javascript:通过按下按钮显示数组中的随机图像
- Javascript-从随机的单词数组中创建段落
- JavaScript-从对象数组中输出随机OBJECT
- 数组中的随机文本字符串
- Javascript从数组中随机选择并按字母顺序排列
- 如何在数组javascript中选择伪随机值
- 从数组中随机抽取的最佳方式
- 在两个位置显示数组中的随机单词
- 从数组中随机采样子集
- Javascript - 如何按顺序从数组中挑选随机元素
- Javascript 数组随机丢失一个元素
- Javascript从数组中选择一个随机对象集
- 如何从包含1000个项目的数组中随机选择一个项目
- 从数组中随机选择项,仅在以前未使用过时使用
- 从数组随机重定向URL
- 从数组随机项-不能找到变量:getElementById
- 二维数组随机生成器
- 从零重复的数组随机生成名称
- Javascript数组随机得到零
- 数组随机返回的茉莉测试