文字の推測ゲームをjavascriptで

Question

ここで間違っていることを理解できません。私は私のページで更新する価値（勝利、損失など）を得ることができません。私のIDのすべてが私のHTMLでも正しく設定されています。どんな助けでも大歓迎です！

var alphabet = ['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']; 

// Variables for tracking our wins, losses and ties. They begin at 0. 
var wins = 0; 
var losses = 0; 
var guesses = 10; 

    var computerChoice = alphabet[Math.floor(Math.random() * alphabet.length)]; 

    console.log(computerChoice) 



    // When the user presses a key, it will run the following function... 
document.onkeypress = function(event) { 
    var userGuess = event.key; 

    if(userGuess === computerChoice){ 
     wins++; 
    }else{ 
     guesses--; 
    } 

    if(guesses = 0){ 
     losses++ 
    } 
} 
    document.getElementById('wins').innerHTML = "Wins: " + wins; 
    document.getElementById('losses').innerHTML = "losses: " + losses; 
    document.getElementById('guesses').innerHTML = "Guesses left: " + guesses; 

Answer 1

innerkeysを更新する前にonkeypress関数を終了しているため、各キー押しで更新されません。閉じ括弧をhtmlの更新部分の下に移動しました。なステートメント場合の推測は0

document.onkeypress = function(event) { 
    var userGuess = event.key; 

    if(userGuess === computerChoice){ 
     wins++; 
    }else{ 
     guesses--; 
    } 

    if(guesses === 0){ 
     losses++ 
    } 

    document.getElementById('wins').innerHTML = "Wins: " + wins; 
    document.getElementById('losses').innerHTML = "losses: " + losses; 
    document.getElementById('guesses').innerHTML = "Guesses left: " + guesses; 

} // moved to below the innerHTML update