【问题标题】:jquery storing button press value in array to compare to correct answerjquery在数组中存储按钮按下值以与正确答案进行比较
【发布时间】:2015-12-25 01:38:17
【问题描述】:

参考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,无论显示什么你做对了,然后打印用户的答案。但如果只有一个不正确,那么屏幕也会打印这些答案。

或者也许有另一种方法可以在没有响应的情况下做到这一点:“”部分?

【问题讨论】:

  • 正在寻找什么样的“存储”解决方案? localStorage 会起作用吗?
  • 嗯,我想要它,以便它可以更新 letters[] 中的响应部分,至少我认为这将是一个解决方案......或者制作某种数组,然后将这些存储的答案与.correct in letters[] 的值。答案将是小提琴中按下按钮的字母
  • 我仍然不能 100% 确定你想要做什么,但我做了一个可以帮助你的小提琴:jsfiddle.net/Y3sT2
  • 实际上,这看起来像是我绝对可以使用/改变来做我需要的东西!谢谢!但是,我试图做到这一点,而不是在按下一个按钮后评估响应,按下回车键将等到按下两个按钮(C 和 X),然后说正确或不正确。
  • 啊...我认为更好的解释方式是它就像一个测验。所以它不是“得分”,至少用户不知道它被得分,直到按下输入按钮,这发生在用户选择两个答案之后。

标签: javascript jquery button storage


【解决方案1】:

我已经更新了 Fiddle 以反映您想要做的事情。 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 ] );

            }   
    });
});
});

【讨论】:

  • 谢谢!这个结构就是我想做的!
猜你喜欢
  • 2013-06-30
  • 2020-07-03
  • 1970-01-01
  • 2019-07-05
  • 2020-10-10
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多