问如何在每次for循环更新值时在HTML文档上主动显示统计数据？

EN

userHthTotal.innerHTML = "Your health: " +userHealth
dragHthTotal.innerHTML = "Dragon's health: " +dragHealth

if (userHealth <= 0) ...

if (dragHealth <= 0) ...

var userDmg = document.body.querySelector(".userDamage")
var dragDmg = document.body.querySelector(".dragonDamage")

var userHthTotal = document.body.querySelector(".userHealth")
var dragHthTotal = document.body.querySelector(".dragonHealth")

var userOut = document.body.querySelector(".userOutcome")
var dragOut = document.body.querySelector(".dragonOutcome")



for (var userHealth = 50, dragHealth = 100; userHealth > 0 && dragHealth > 0;)

{

    var userInput = Number(prompt("A dragon has appeared! How many hits do you want to deal?"))


    if (userInput > 5) {
        userOut.innerHTML = "You exhausted yourself and died."
        userHealth = 0
    } else if (userInput <= 0) {
        userOut.innerHTML = "The dragon was disappointed with your non-exstant attack. You died."
        userHealth = 0
    } else if (userInput === 5) {
        userDmg.innerHTML = "Your attacks were weak. You deal 1 damage."
        dragDmg.innerHTML = "The dragon is able to land a critical hit and deals 20 damage."
        dragHealth = dragHealth - 1
        userHealth = userHealth - 20
    } else if (userInput === 1 || userInput === 2 || userInput === 3 || userInput === 4) {
        var userAttackDmg = Number(userInput) * (Math.floor(Math.random() * 20))
        userDmg.innerHTML = "You dealt " + userAttackDmg + " damage!"
        dragHealth = dragHealth - userAttackDmg

        var dragAttackDmg = Math.floor(Math.random() * 20) + 10
        dragDmg.innerHTML = "The dragon dealt " + dragAttackDmg + " damage!"
        userHealth = userHealth - dragAttackDmg
    } else {
        userOut.innerHTML = "You confused yourself. You died."
        userHealth = 0
    }

    userHthTotal.innerHTML = "Your health: " + userHealth
    dragHthTotal.innerHTML = "Dragon's health: " + dragHealth

    if (userHealth <= 0) {
        userOut.innerHTML = "Tough battle, but the dragon kills you."
        dragOut.innerHTML = "The dragon goes on to pay a visit to your village."
    }

    if (dragHealth <= 0) {
        userOut.innerHTML = "You are victorious!"
        dragOut.innerHTML = "However, watch out, the spirit of the dragon will probably haunt you for the rest of your life."
    }

}