jquery - 拼字游戏 - 将字母的值与 jquery 一起添加

Question

您好，我正在尝试制作拼字游戏。

我想给每个字母一个值，然后在输入框发生变化时将它们相加。

我进行了搜索，找到了如何对变化的数字求和，但我真的很难弄清楚如何用数字替换字母的值。这是我修改过的一些代码:

$(document).on("change", "input[id ^= 'r1box']", function() {

    var sum = 0;

    $("input[id ^= 'r1box']").each(function(){
        sum += +$(this).val();
    });

    $("#r1totbox_id").val(sum);
});

我有 7 个盒子，其 ID 以“r1box”开头，然后是一个 ID 为“r1totbox_id”的总盒子。目前，如果我输入数字，我会得到一个总数，但我希望能够在方框 1 中输入“a”，在方框 2 中输入“b”，从而得到总数 4。

谢谢你的帮助。

Answer 1

您需要一个将字母映射到拼字游戏点值的数组 (Source):

var points = [1, 3, 3, 2, 1, 4, 2, 4, 1, 8, 5, 1, 3, 1, 1, 3, 10, 1, 1, 1, 1, 4, 4, 8, 4, 10];

然后您可以获取输入并将其与正确的点值匹配，方法是将其转换为大写字母并从 ASCII 码值中减去 65 (A) 以获得点数组的索引:

var letter = $(this).val().toUpperCase();
if (letter.length == 1) {
    var letterIndex = letter.charCodeAt(0) - 65;
    sum += points[letterIndex];
}

演示:http://jsfiddle.net/Cp3Fd/