jQuery从输入中获取值并检查它是否'It’是的.如果是这样,它应该公布有多少是正确的

jQuery to take value from input and check if it's right. If so, it should post how many are correct

本文关键字:多少 如果 获取 输入 检查 是否 It jQuery 是的      更新时间:2023-09-26

我正在尝试获取输入的值,并检查答案是否正确。我不希望它只是说它是正确的,我希望它仔细查看并发布有多少数字正确,有多少不正确。我在发布下面的代码时遇到了问题,所以这里是JSFiddle:http://jsfiddle.net/BBaughn/4rww1mhy/

这个有更好的jQuery。这个有更差的:http://jsfiddle.net/BBaughn/cqsah8aw/

(因为它告诉我不能发布,因为jsfiddle.net需要附带代码,下面是我的HTML的两个问题)

  <p>Who is the best programmer that you know? (type only the first name)</p>
  <input type="textbox" id="best-programmer" placeholder="(e.g. Jonathan)"><br><br>
  <!--Answer: BRENDON-->
  <p>What element starts with the letter "K"</p>
  <input type="textbox" id="element" placeholder="(Hint: periodic table)">
  <br>
  <br>
  <!--Answer: POTASSIUM-->

更改

var answers = [progam = 'BRENDON',
element = 'KRYPTON',
planet = 'PLUTO',
island = "GREENLAND",
prague = "CZECH REPUBLIC"
];
var total = 0;
for (var i=0; i < answers.length; i++) {
total += answers[i];
var post = '<div class="posting-score">Score: '+ answers[i] +'</div>';
$(post).appendTo('.scores');
}

  var answers = [program, 'BRENDON',
                 element, 'KRYPTON',
                 planet, 'PLUTO',
                 island, "GREENLAND",
                 prague, "CZECH REPUBLIC"
                ];
  var total = 0;
  for (var i = 0; i < answers.length-1; i+=2) {
      total += (answers[i] == answers[i+1]);
  }
  var post = '<div class="posting-score">Score: '+ total +'</div>';
  $(post).appendTo('.scores');

Fiddle:http://jsfiddle.net/Drakes/cqsah8aw/1/

您必须在html代码中设置一个部分,并使用语法:$(#"id of element").val();这就是获取输入或任何其他元素的值的方法。

相关文章: