Letter Guess Game, remaining guesses not returning "0" after final guess?

Coding a simple letter guess game, everything works but when the guesses remaining gets to "0" it does not display "0", however it will show in the console log. Not a huge deal just would like to understand what I'm either doing incorrectly or simply not doing.Link: https://groscoe42.github.io/Psychic-Game/ code as follows

$(document).ready(function() {
var wins = 0;
var losses = 0;
var remain = 10;
var choices = [
"a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m",
"n", "o", "p", "q", "r", "s", "t", "u", "v", "w", "x", "y", "z",];
var compChoice = choices[Math.floor(Math.random() * choices.length)]
var answer = compChoice;
var wShow = document.getElementById("w");
var lShow = document.getElementById("l");
var rShow = document.getElementById("r");
var gShow = document.getElementById("iGuess");

console.log("C: " + compChoice);

document.onkeyup = function (_event) {


var userGuess = _event.key;

if (userGuess == "a" || userGuess == "b" || userGuess == "c" || userGuess == "d" || userGuess == "e" || userGuess == "f" || userGuess == "g" || userGuess == "h" || userGuess == "i" || userGuess == "j" ||
    userGuess == "k" || userGuess == "l" || userGuess == "m" || userGuess == "n" || userGuess == "o" || userGuess == "p" || userGuess == "q" || userGuess == "r" || userGuess == "s" || userGuess == "t" ||
    userGuess == "u" || userGuess == "v" || userGuess == "w" || userGuess == "x" || userGuess == "y" || userGuess == "z") {
        console.log("g: " + userGuess)
    if (userGuess == compChoice) {

        alert("Correct! The letter was " + answer + " !");
        wins++;
        wShow.textContent = wins;
        console.log("w " + wins);
        // reset
        compChoice = choices[Math.floor(Math.random() * choices.length)];
        remain = 10;
        rShow.textContent = remain;
        $("#iGuess").empty();
        console.log("C: " + compChoice);
    }

    else {
        // display guess
        remain--;
        rShow.textContent = remain;
        $("#iGuess").append(userGuess + ", ");
        console.log("r " + remain);

        if (remain === 0) {

            rShow.textContent = remain;
            losses++;
            lShow.textContent = losses;
            alert("So close! The letter was " + answer + " !");
            console.log("l " + losses);
            // reset
            compChoice = choices[Math.floor(Math.random() * choices.length)];
            remain = 10;
            rShow.textContent = remain;
            $("#iGuess").empty();

            console.log("C: " + compChoice);
        };
    };

}

else {
    alert("Invalid Input!");
};

}; })