求助：利用純html+javascript實現隨機抽取顯示

1?一個智力問答頁面，每次顯示一個判斷題，最多可以連續答10題。題目從固定的10個問題中隨機抽出一個且不能重復。

2?問題只有兩種答案，對或錯，由用戶點擊選擇

3?根據用戶選擇，顯示“回答正確”或“回答錯誤”，并在下方顯示詳細說明

4?用戶可以在答完一題后選擇“繼續答題”或“答題結束”

5?無需服務器交互數據，數據要自己做，所有問題以及答案說明都存放在javascript中

一個判斷題，就要有3個要素“問題，答案，說明”

本人最早的思路是在js中用如下方法設置10次，但到了隨機取的時候就混亂了

var?question1=new?Array("判斷：1+1=2","對","說明：他就是等于2");

請大家幫幫忙，小弟實在對js中的數組不是很熟悉，感激不盡。

分享到：

------解決方案--------------------

function?rnd(min,max){

var?tmp=min;

if(max

return?Math.floor(Math.random()*(max-min+1)+min);

}

function?getTopic(){

if(num>10){alert('已經做了10題鳥~~');return?false;}

num++;

var?idx=rnd(0,topics.length-1);

return?topics.splice(idx,1)//從題目中刪除當前的項，遮掩高就不會出現重復題目了，并返回當前刪除的項以便匹配

}

var?topics=[

["判斷：1+1=2","對","說明：他就是等于2"],

["判斷：2+2=2","錯","說明：他就是等于4"],

["判斷：3+3=2","錯","說明：他就是等于6"],

["判斷：4+4=2","錯","說明：他就是等于8"],

["判斷：5+5=2","錯","說明：他就是等于10"],

["判斷：6+6=2","錯","說明：他就是等于12"],

["判斷：7+7=2","錯","說明：他就是等于14"],

["判斷：8+8=2","錯","說明：他就是等于16"],

["判斷：9+9=2","錯","說明：他就是等于18"],

["判斷：10+10=2","錯","說明：他就是等于20"]

];

var?num=1;

alert(getTopic());alert(getTopic());alert(getTopic());;alert(getTopic());alert(getTopic())

alert(getTopic());alert(getTopic());alert(getTopic());;alert(getTopic());alert(getTopic())

alert(getTopic())//false

總結

以上是生活随笔為你收集整理的html在线随机抽取,利用纯html+javascript实现随机抽取显示的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。