2017-10-19 156 views
0

即時通訊按鈕創建一個在線測驗,我的問題是,onclick按鈕並沒有真正做我希望它會,我是一個JavaScript的初學者,所以我希望人們可以給我解決方案或其他建議使其發揮作用;onclick功能不起作用

這裏是我的代碼

<html> 
<head> 
<title> </title> 
</head> 
<body> 

<div id="qholder"> </div> 
<button name="choices" onclick="CheckAnswer('A')" > <p id="choice1"> </p> </button> 

<button name="choices" onclick="CheckAnswer('B')" > <p id="choice2"> </p> </button> 

<button name="choices" onclick="CheckAnswer('C')" > <p id="choice3"> </p> </button> 

<button name="choices" onclick="CheckAnswer('D')" > <p id="choice4"> </p> </button> 

<script> 

var qpos = 0; 
var correctans=0; 
var answer=0; 


var Quiz = [ 
    ["What team was the first TI Champion?", "Invictus Gaming", "Team Liquid", "Natus Vincere", "Orange E-Sports", 'C'], 
    ["Who was the captain of the First TI Champion Team?", "Puppey", "Artstyle", "Kuroky", "xiao8", 'B'], 
    ["Where does Natus Vincere Operate?", "USA", "Moscow", "Philippines", "Ukraine", 'D'], 
    ["Who played Midlane for Natus Vincere?", "Miracle", "Suma1l", "Dendi", "Maybe", 'C'], 
    ["How many TI grandfinals did Team Natus Vincere played in?", "3", "2", "1", "4", '1'], 
    ["Who replaced LightofHeaven after leaving Natus Vincere?", "General", "Sonneiko", "rodger", "Funn1k", 'D'], 
    ["Who defeated Na'Vi in the TI3 Grand Finals?", "Team Liquid", "Cloud 8", "Evil Geniuses", "Team Alliance", 'D'], 
    ["Who is the current captain of Team Na'Vi?", "Pajkatt", "Cr1t", "Sonneiko", "Fly", 'C'], 
    ["Who is the owner of Na'Vi?", "Gaben", "CyborgMatt", "ODpixel", "zer0gravity", 'D'], 
    ["When was Team Natus Vincere Founded?", "July 1996", "December 2009", "November 2012", "March 2017", 'B'] 
]; 

function startquiz(){ 
    getQuestions(); 
}; 

function getQuestions() { 

     document.getElementById("qholder").innerHTML = Quiz[qpos][0]; 
     document.getElementById("choice1").innerHTML = Quiz[qpos][1]; 
     document.getElementById("choice2").innerHTML = Quiz[qpos][2]; 
     document.getElementById("choice3").innerHTML = Quiz[qpos][3]; 
     document.getElementById("choice4").innerHTML = Quiz[qpos][4]; 

     }; 


function CheckAnswer (answer){ 
    if(Quiz[qpos][5] == answer) { 
     correctans + 1; 
    }; 
    getnextQuestion();  
}; 


function getnextQuestion() { 
    qpos + 1; 
    getQuestions(); 
}; 

startquiz(); 

</script> 
</body> 
</html> 

請幫幫忙,我一直停留了幾個小時試圖弄明白,我用我的問題,選擇和答案一多維陣列和希望按鈕的onclick繼續到下一個問題,而它檢查是否點擊的答案是正確的

+2

'onclick按鈕並不是真的在做我所希望的事情。你希望它會做什麼,它現在沒有做? –

+1

我希望當你點擊它時,它會運行函數CheckAnswer(1)的參數內的值,所以我可以將該值與正確的答案,這是我的Quiz [pos] [5]數組,但它不這樣做 –

回答

2
qpos + 1 

需求,要麼是qpos++qpos = qpos + 1起碼

+0

哇,謝謝你這麼多,這ACTUALLY固定它我知道有沒有任何錯誤與我如何設置我的按鈕噢,謝謝你這個固定的一切 對不起,我即時大肆宣傳現在因爲我卡住了一段時間 –

+1

只是一個專業提示,你可以通過添加控制檯記錄事物(我確實瞭解了你的值是否正在改變),或者在瀏覽器的開發工具中使用了斷點。 – maggiekh

+0

正式指出再次感謝 –

0
function CheckAnswer (answer){ 
    if(Quiz[qpos][5] == answer) { 
     correctans++; 
    }; 
    getnextQuestion(); 
}; 


function getnextQuestion() { 
    qpos++; 
    getQuestions(); 
}; 
+1

修復它與以前的帖子,你的想法一樣謝謝 –