Javascript 在两个点中显示数组中的随机字
Javascript 在两个点中显示数组中的随机字,javascript,arrays,button,random,Javascript,Arrays,Button,Random,函数myFunction(){ var myarray=新数组(“戏剧”、“寓言”、“童话”、“幻想”、“小说”、“民俗”、“历史小说”、“恐怖”、“幽默”、“神秘”、“神话”、“诗歌”、“现实主义小说”、“科幻”、“短篇小说”、“故事”); var random=myarray[Math.round(Math.random()*(myarray.length-1))] var display=document.getElementById(“消息”).innerHTML=random; }
函数myFunction(){ var myarray=新数组(“戏剧”、“寓言”、“童话”、“幻想”、“小说”、“民俗”、“历史小说”、“恐怖”、“幽默”、“神秘”、“神话”、“诗歌”、“现实主义小说”、“科幻”、“短篇小说”、“故事”); var random=myarray[Math.round(Math.random()*(myarray.length-1))] var display=document.getElementById(“消息”).innerHTML=random; } 到目前为止,我已经做到了,我正在尝试做的是,单击一个按钮,将数组中的两个随机单词显示在一起。提前感谢您的帮助
id
是唯一的,如果需要在两个位置显示,请使用class
选择器或添加另一个唯一的id
,如下所示
<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>
函数myFunction(){
var myarray=新数组(“戏剧”、“寓言”、“童话”、“幻想”、“小说”、“民俗”、“历史小说”、“恐怖”、“幽默”、“神秘”、“神话”、“诗歌”、“现实主义小说”、“科幻”、“短篇小说”、“故事”);
var random=myarray[Math.round(Math.random()*(myarray.length-1))]
document.getElementById(“message”).innerHTML=random;
document.getElementById(“message_2”).innerHTML=random;
}
也许这是一个可行的解决方案
<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>
正是我需要的。谢谢不客气,请记住把这个答案标记为正确。
<button type="button" id="myBtn">Search</button>
<div id="message1">
</div>
<br>
<div id="message2">
</div>
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))];
}