求助：利用純html+javascript實(shí)現(xiàn)隨機(jī)抽取顯示

1?一個(gè)智力問(wèn)答頁(yè)面，每次顯示一個(gè)判斷題，最多可以連續(xù)答10題。題目從固定的10個(gè)問(wèn)題中隨機(jī)抽出一個(gè)且不能重復(fù)。

2?問(wèn)題只有兩種答案，對(duì)或錯(cuò)，由用戶點(diǎn)擊選擇

3?根據(jù)用戶選擇，顯示“回答正確”或“回答錯(cuò)誤”，并在下方顯示詳細(xì)說(shuō)明

4?用戶可以在答完一題后選擇“繼續(xù)答題”或“答題結(jié)束”

5?無(wú)需服務(wù)器交互數(shù)據(jù)，數(shù)據(jù)要自己做，所有問(wèn)題以及答案說(shuō)明都存放在javascript中

一個(gè)判斷題，就要有3個(gè)要素“問(wèn)題，答案，說(shuō)明”

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

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

請(qǐng)大家?guī)蛶兔?#xff0c;小弟實(shí)在對(duì)js中的數(shù)組不是很熟悉，感激不盡。

分享到：

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

function?rnd(min,max){

var?tmp=min;

if(max

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

}

function?getTopic(){

if(num>10){alert('已經(jīng)做了10題鳥(niǎo)~~');return?false;}

num++;

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

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

}

var?topics=[

["判斷：1+1=2","對(duì)","說(shuō)明：他就是等于2"],

["判斷：2+2=2","錯(cuò)","說(shuō)明：他就是等于4"],

["判斷：3+3=2","錯(cuò)","說(shuō)明：他就是等于6"],

["判斷：4+4=2","錯(cuò)","說(shuō)明：他就是等于8"],

["判斷：5+5=2","錯(cuò)","說(shuō)明：他就是等于10"],

["判斷：6+6=2","錯(cuò)","說(shuō)明：他就是等于12"],

["判斷：7+7=2","錯(cuò)","說(shuō)明：他就是等于14"],

["判斷：8+8=2","錯(cuò)","說(shuō)明：他就是等于16"],

["判斷：9+9=2","錯(cuò)","說(shuō)明：他就是等于18"],

["判斷：10+10=2","錯(cuò)","說(shuō)明：他就是等于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

總結(jié)

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

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。