0

答えがランダムになるクイズを作っています。「正解！」が欲しい。テキストボックスの値が別の div と同じ場合に表示する div。

ここに私がこれまでに持っているものがあります：

$(document).ready(function(){
    $("#buttontest").click(function(){
        if ($('#full_day').val() == '#answer') {   
            $("#correct").show("fast"); //Slide Down Effect
        } 
        else {
            $("#correct").hide("fast");    //Slide Up Effect
            $("#incorrect").show("500").delay("1000").hide("500");
        }
    });
});

<p>What is the animal?</p>
<div id="correct">
    That's Correct!
</div>
<div id="incorrect">
    Sorry, Try again!
</div>
<div id="answer">Monkey</div>
<input type='text' id="full_day"/>
<input type='button' id="buttontest" value="clickme"/>
4

3 に答える 3

3

使用する

$('#answer').text()

ただの代わりに

'#answer'

if ステートメントで。

于 2013-04-11T12:00:42.660 に答える
1 
$(document).ready(function(){
    $("#buttontest").click(function(){

        if ($('#full_day').val() == $('#answer').html()) {   
            $("#correct").show("fast"); //Slide Down Effect
        } 
        else {
            $("#correct").hide("fast");    //Slide Up Effect
            $("#incorrect").show("500").delay("1000").hide("500");
        }
    });
});

<p>What is the animal?</p>
<div id="correct" style="display:none;">
    That's Correct!
</div>
<div id="incorrect" style="display:none;">
    Sorry, Try again!
</div>
<div id="answer" style="display:none;">Monkey</div>
<input type='text' id="full_day"/>
<input type='button' id="buttontest" value="clickme"/>
于 2013-04-11T11:59:19.030 に答える
1 
if ($('#full_day').val() == $('#answer').text())

これは大文字と小文字が区別されます。大文字と小文字を区別しないようにするには:

if ($('#full_day').val().toLowerCase() == $('#answer').text().toLowerCase())

編集：要求に応じて、複数の回答を許可するソリューションを次に示します。

$('#check').bind('click', function() {
    var possibleAnswers = $('#answers').text().toLowerCase().split(' ');
    var givenAnswer = $('#user-answer').val().toLowerCase();
    var isAnswerCorrect = false;
    for (var indexPossibleAnswers = 0; indexPossibleAnswers < possibleAnswers.length; indexPossibleAnswers++)
    {
         if (possibleAnswers[indexPossibleAnswers] == givenAnswer)
         {
              isAnswerCorrect = true  
              break;
         }
    }
    if (isAnswerCorrect)
    {
         alert('Correct');   
    }
    else 
    {
         alert('Incorrect, try again.');   
    }
});

ライブデモンストレーション。

于 2013-04-11T11:59:27.153 に答える