jquery存储按钮按数组中的值来比较正确的答案

时间:2013-04-25 16:09:58

标签: javascript jquery button storage

参考editing text with button value then storing in array to compare answers

@ user1333371更新了我的小提琴:http://jsfiddle.net/jKvvU/5/并且它在改变右边的空白方块以显示按下按钮的字母方面非常有效。

我无法正确获取这些值并存储值,然后将它们与正确的答案进行比较。

我的数组看起来像这样

var letters = new Array();
            letters = [
                { seq:  1, correct: 'C', display:"C", response:" "},
                { seq:  2, correct: 'X',  display:"X", response:" "}

            ];

所以我想做一些像

这样的事情
 if (letters.response == letters.correct) 

但我不确定如何最初甚至存储数据......

如果所有的答案都是正确的话会发生什么,所以两个都被正确按下,然后点击进入一个屏幕,div,无论出现什么表示你是肯定的,然后打印用户的答案。但如果只有一个不正确,那么屏幕也会打印出这些答案。

或许还有另一种方法可以在没有回复的情况下做到这一点:“”部分?

1 个答案:

答案 0 :(得分:1)

我更新了小提琴,以反映你想要做的事情。 http://jsfiddle.net/Udubg/4/

这再一次可能不是一个完美的解决方案,但它会让你了解如何构建你想要制作的东西。

 $(document).ready(function() {

           var correct  = [ 'C', 'X' ]
           ,   response = [];

$(".btnControlLeft").on( "click", function() {

    var letterbox = 1;
    while (letterbox < 7 && $("#" + letterbox).html() != "&nbsp;") {
        letterbox++;
    }

    if (letterbox < 7) {

        console.log("update " + letterbox);

       var letter = $( this ).attr( "id" );

        $("#" + letterbox ).html( letter );

        response.push( letter );

    }

});

$( '.btnControlEnter' ).on( 'click', function( e ){

    e.preventDefault();

    $.each( correct, function( index , value ){ 

          if( value === response[ index ] ) {

              console.log( 'Correct!',  response[ index ]  );

            } else{

             console.log( 'Wrong', response[ index ] );

            }   
    });
});
});