Question

有人可以帮我在我的javascript项目中实现一些东西吗？ @ http://codepen.io/urketadic/pen/YpLgBX 我希望数字变成红色，如果它错了，而不是顺序与pi。我很难统计并与所有事物进行比较。

我已经尝试了很多这方面，最后我提出了这段代码：

 var count = 0;
// color the mistake right away
   $("#inputsm").keyup(function(event) {
    var pressed = event.key;
    answer = $("#inputsm").val();
    pisub = pi.substr(input,answer.length)
    if (pressed!=="Backspace"&&pressed!=="Delete") count++;
    else count--;
     console.log(count);
});

我只是困惑，我不知道如何做到这一点。文本区域是否也允许数字变红？我也试过添加jquery css，但它不起作用。有人可以在自己的codepen中编写并发布链接吗？

Answer 1

看看这个小提琴：https://jsfiddle.net/ebv5n64j/2/

我把基本上与你想要做的事情放在一起的东西。你可以从那里修改它，但这是基本概念。我设计了我的用户不要让用户继续，直到他们做对了，但你可以很容易地改变它。

这是一个片段，但jsfiddle有完整的工作版本：

// If it's a delete command
  if(code === 8){
    if(!$("#wrong").length > 0)
        inputCount = (inputCount === 0 ? 0 : --inputCount);
    $("#pi span").last().remove();
    console.log(inputCount);
  } else if (code >= 48 && code <= 57) {

    var inputNumber = code - 48;
    var numSpan;

    $("#wrong").remove();

    numSpan = $("<span>"); // make a new one

    // Append the number
    numSpan.text(inputNumber);
    numSpan.removeClass("incorrect");

    if(String(inputNumber) === piDigits[inputCount]){
        numSpan.addClass("correct");
      inputCount++;
    } else {
        numSpan.attr("id", "wrong");
    }

    $("#pi").append(numSpan);

    placeCaretAtEnd(this);

  }

Answer 2

所以我看了你的笔，认为你的解决方案有些过于复杂。我认为更好的方法是将输入textarea的字符串与pi的子字符串进行比较。无论如何，这里是固定代码，并且我已经将笔与工作版本链接在一起。

顺便提一下，你在描述中提到如果他们想要从3.14中的数字4开始，他们应该键入1（对于索引1），但你接受他们的输入并减去1，所以它基本上开始如果他们输入1，则他们在1而不是4。

$("#inputsm").keyup(function() {
 var thisLength = parseInt(input) + $(this).val().length - 1;
 if($(this).val().trim() === pi.substring(parseInt(input), thisLength)) {
    console.log("good so far!");
   $(this).removeAttr('style');
 } else {
   console.log("ahhh no good!");
   $(this).css('background', 'red');
 }
});

http://codepen.io/msafi/pen/dOKogK/

如果错误的话，试图让keydown数字变成红色

2 个答案: