텍스트 상자 값이 다른 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 문