Javascript 我的刽子手游戏中的几个问题

我正在做一个刽子手游戏，作为我任务的一部分，尽管我遇到了几个问题：

一个问题是，当我开始一个新游戏时，我不能使画布本身清晰（它过去是有效的，但我想我在某个地方搞砸了）

另一个原因是，我不知道如何使隐藏的字母标记为u的地方出现正确的字母

代码相当长，因此我将发布相关部分，但是如果您想看到它的实际应用，我已经将其发布到

代码如下：

HTML:

Javascript代码是最大的问题，无法找出如何替换它。 我知道这里的问题是

myWord[i].innerHTML = guess;

但是我不知道怎么解决它

function wordOnClick() {

    var guess = this.innerHTML;
    this.className = "active";
    this.onclick = null;
    for (var i=0; i<saveWord.length; i++) {
        if (saveWord[i] === guess) {
            myWord[i].innerHTML = guess;
            var bool = true;
            winCounter++;

        }
    }
    if (bool != true) {
        counter --;
        animateMan();

    }
    if (counter === 0) {
        document.getElementById("buttons").className = "active";

    }
    if (winCounter === saveWord.length) {
        lifePool.innerHTML = "Congratz, you've won!";
        hangmanbtn.style.display = "inherit";

    }
}

函数wordOnClick（）{
var guess=this.innerHTML；
this.className=“活动”；
this.onclick=null；
对于（var i=0；i您应该如下重置：

/*
*   RESET CANVAS ON NEW GAME
*/   
    var canvas = document.getElementById("hangman");
    var ctx = canvas.getContext("2d");
    ctx.clearRect(0, 0, canvas.width, canvas.height);
    ctx.beginPath();

您应该按如下方式重置：

/*
*   RESET CANVAS ON NEW GAME
*/   
    var canvas = document.getElementById("hangman");
    var ctx = canvas.getContext("2d");
    ctx.clearRect(0, 0, canvas.width, canvas.height);
    ctx.beginPath();

我建议这是两个问题，这样你可以分别研究并发布它们-你可能会发现为这两个问题编写一个好的、简洁的问题将有助于你诊断问题（这种情况发生在我身上，编写堆栈溢出问题是调试过程中真正的一部分）-但如果不是，潜在的回答者会更容易。我建议这是两个问题，这样你可以分别调查并发布它们-你可能会发现，为这两个问题编写一个好的、简洁的问题将有助于你诊断问题（这发生在我身上，编写堆栈溢出问题是调试过程中真正的一部分）-但如果没有，那么潜在的答案就更容易了。我明白了，谢谢。但我们为什么要在事后使用beginPath？那没关系，重要的是你将它设置为正确的宽度和高度。我明白了，谢谢。但是为什么我们在事后使用beginPath？那没关系，重要的是你将它设置为正确的宽度和高度ht。
/*
*   RESET CANVAS ON NEW GAME
*/   
    var canvas = document.getElementById("hangman");
    var ctx = canvas.getContext("2d");
    ctx.clearRect(0, 0, canvas.width, canvas.height);
    ctx.beginPath();