如何使用JavaScript随机化有序列表
How do i randomize an Ordered List using JavaScript
我正在做一个包含问题的测试。
我希望问题随机出现在页面上,而不是按顺序列出。
这是我的HTML:
<ol id = "questionList">
<li id="question">Question text<br/></li>
<li id="question">Question text<br/></li>
</ol>
这是我的javascript:
var questionsList = document.getElementById('question');
var questionArray=[];
var randomize;
for (var i=0; questionsList.length>0; i++) {
questionArray[i]=questionList[i];
}
randomize = questionArray.Math.random()*questionList.length;
document.getElementById("questionsList").innerHTML= randomize;
我不知道如何让问题随机出现,而不是从#1到#10。
感谢您的帮助。
已经提出了一个问题(如何随机化(搅乱)JavaScript数组?)
但这是最基本的:
一个坚实的洗牌算法是Fisher Yates(又名Knuth)洗牌。
请参阅https://github.com/coolaj86/knuth-shuffle
function shuffle(array) {
var currentIndex = array.length, temporaryValue, randomIndex ;
// While there remain elements to shuffle...
while (0 !== currentIndex) {
// Pick a remaining element...
randomIndex = Math.floor(Math.random() * currentIndex);
currentIndex -= 1;
// And swap it with the current element.
temporaryValue = array[currentIndex];
array[currentIndex] = array[randomIndex];
array[randomIndex] = temporaryValue;
}
return array;
}
你可以这样使用它:
var arr = ["question 1", "question 2"];
shuffle(arr);
console.log(arr);
相关文章:
- $(document).height()在刷新时随机化值(Safari 5.1.10)
- 将键盘使用与 Qualtrics 中的答案随机化相结合
- 我怎样才能随机化 HTML 元素的颜色属性
- 通过AJAX调用PHP随机化器的输出
- 如何在JS中随机化backgroundPosition而不使用鼠标移动来制作万花筒的动画
- 使用Javascript对RGBA颜色进行光标控制的形状随机化
- 如何在一个随机化的有序列表中随机化多个无序列表
- 如何使用JavaScript随机化有序列表
- 使用JavaScript随机化html标记
- 可以'我的单词随机化器脚本不能正常循环
- 如果语句是假的 JavaScript,则再次随机化数字
- 函数随机化 - 我可以让它错过一个页面并且该页面上只有一个图像吗?可湿性粉剂
- 随机化网页上的图像和颜色对
- 随机侮辱生成器(随机化结果)
- Javascript:通过在while循环内推送/拼接来随机化数组
- 构建一个简单的随机化器,其中包括一个点、一个下划线、字母 A 和字母 B
- 随机化并在页面加载时显示给定数量的 if 元素
- jQuery Rotator是按字母顺序排列的,我怎样才能在我的主页上随机化
- PHP 从现有代码中随机化文件列表数组
- 将无序列表随机化