JavaScriptでこの多項選択ゲームを構築しています。ルールはかなりシンプルです。ユーザーはnumber1 + number2が等しいかどうかを尋ねられ、ピックするには4つの異なる答えがあります(1つは正しい)。JS Multiple Choice Gameが正しい答えを検出できない
しかし、何らかの理由で私のコードでは、私が選んだ答えが間違っていても、ゲームはいつも正しいものを選んだと私に伝えます。
は、ここに私のコードです:
var num1 = Math.floor((Math.random() * 30) + 10);
var num2 = Math.floor((Math.random() * 30) + 10);
var result = num1 + num2;
document.addEventListener("DOMContentLoaded", function(event) {
document.getElementById('field1').innerHTML = num1;
document.getElementById('field2').innerHTML = num2;
var opts = [];
for(var i=0;i<3;i++){
opts.push(findRandom(result,opts));
}
opts.push(result);
opts.sort();
for(var i=1;i<5;i++){
document.getElementById('option'+i).innerHTML = opts[i-1];
}
console.log(opts);
});
function findRandom(n,opts){
var result = 0;
while(result !=n && result == 0){
result = Math.floor(Math.random() * (n + 1));
if(opts.indexOf(result) >0){
result = 0;
}
}
return result;
}
var choices = document.querySelectorAll('.field-block');
[].slice.call(choices).forEach(function(choice){
choice.addEventListener('click', function(){
getChoice(choice);
});
});
function getChoice(){
if(choices.innerHTML = result){
after.classList.remove('hide');
after.classList.add('correct');
after.innerHTML = 'Good job :) !';
} else{
after.classList.remove('hide');
after.classList.add('wrong');
after.innerHTML = "Wrong answer :(Try again !";
}
}
ここに私のcodepenです:https://codepen.io/teenicarus/pen/Oxaaoe
は、それを自分で試してみてくださいあなたはすぐに問題が表示されますが。
これを修正するにはどうすればよいですか?
私は