function he() { var x = Math.floor((Math.random() * 100) + 1); document.getElementById("res1").innerHTML = "Heroes have dealt " + x + " damage on villains."; var vhp = villains - x; document.getElementById("res2").innerHTML = "<br/>Villains have " + vhp + " hp left."; vok(); } function vok() { var y = Math.floor((Math.random() * 100) + 1); document.getElementById("res3").innerHTML = "<br/>Villains have dealt " + y + " damage on Heroes."; var hhp = hero - y; document.getElementById("res4").innerHTML = "<br/>Heroes have " + hhp + " hp left."; he(); }

Aquí está el código anterior que hice. Se llama a la función he() cuando se hace clic en un botón y se llama a la función vok después de la ejecución de la función he(), pero no va bien actualmente. Quiero sobrescribir el HTML interno cada vez que se ejecuta la función. ¿Se supone que debo hacerlo?