带变量的算术不起作用

Question

由于某种原因，函数updateScore(result) 中的算术不能正常工作（稍后在代码中调用该函数）。 wins、ties 和 losses 按原样打印，但 lives 打印为 NaN。我知道 NaN 是什么意思。我还发现，出于某种原因，这些变量被创建为字符串。对我来说奇怪的是，它适用于五分之四的变量。没有一致性。我已经尝试使用Number(lives) 进行一些数字转换，但这也不起作用。关于如何确保将变量创建为数字并且算术运算有效的任何建议？

var wins = 0,
    ties = 0,
    losses = 0,
    lives = 5,
    previouscpuChoice = 0;

$("#startknapp").click(function(){
    var spiller = prompt("Hva heter du?");
    $("#userSelect").html(userMenu);
    $("#result").html("<h4>Velg figur, " + spiller + "</h4>");
    $("#status").html('<h4>Liv: <span id="life">' +lives+ '</span> - Seire: <span id="win">' + wins + '</span> - Uavgjort: <span id="tie">' + ties + '</span> - Tap: <span id="lose">' + losses + '</span>');
    console.log(typeof "lives");
    console.log(typeof "wins");
    });

function updateScore(result) {
    tie = document.getElementById("tie");
    win = document.getElementById("win");
    lose = document.getElementById("lose");
    lives = document.getElementById("life");
    console.log(typeof "wins");
    var imgSrc = "images/" + userChoice + "-" + result + ".png";

    if (result === "tie") {
    ties = ties + 1;
    tie.innerHTML = ties;
    $('.result-img').attr('src', 'images/tie.png');
    }

    if (result === "vant") {
    wins++;
    $('.result-img').attr('src', imgSrc);
    }

    if (result === "tapte") {
    losses++;
    lives--;
    lose.innerHTML = losses;
    life.innerHTML = lives;
    $('.result-img').attr('src', imgSrc);
    }
};

Answer 1

想了想，觉得变量是字符串也行，换个角度看代码。你知道吗，这是一个简单的错误。

$("#startknapp").click(function(){
    var spiller = prompt("Hva heter du?");
    $("#userSelect").html(userMenu);
    $("#result").html("<h4>Velg figur, " + spiller + "</h4>");
    $("#status").html('<h4>Liv: <span id="life">' +lives+ '</span> - Seire: <span id="win">' + wins + '</span> - Uavgjort: <span id="tie">' + ties + '</span> - Tap: <span id="lose">' + losses + '</span>');
    console.log(typeof "lives");
    console.log(typeof "wins");
    });

function updateScore(result) {
    tie = document.getElementById("tie");
    win = document.getElementById("win");
    lose = document.getElementById("lose");
    life = document.getElementById("life");

原来updateScore(result)的最后一行是：

    lives = document.getElementById("life");

结果混合了两个变量（函数的局部变量（生命）和全局变量（生命）。所以最后这是一个错字。但是，我仍然对变量的事实很感兴趣可以是字符串，值可以是整数。

Answer 2

您是否尝试过以下方法？

var tie = parseInt(document.getElementById("tie").value);

您当前的代码：

document.getElementById("tie")

检索 DOM 元素而不是输入的值。所以您需要使用.value，然后将其解析为整数，因为输入值可能是您想要的数字的字符串表示形式，而不是整数值。