当文本框的值与另一个div的内容相同时显示div

Question

我正在做一个测验，答案是随机的。我想要“正确！” 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"/> 

Answer 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.'); 
    } 
}); 

Live demonstration.

Answer 2

$(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"/> 

Answer 3

使用

$('#answer').text() 

，而不是只

'#answer' 

在if语句中。