HTML JavaScript DOM操作innerHTML清除

我正在创建一个简单的游戏，它修改我的HTML并跟踪我键入的键。当我有一定的分数时，我正在键入的键应该从我的段落元素中清除，但它没有清除。我正在使用innerHTML并将其设置为空字符串。但它永远不会放晴

var损失=0；
var Guessleft=10；
var guesses=GuessLeft；
document.onkeypress=函数（事件）{
var userChoice=event.key；
console.log（“猜测”+猜测）；
如果（猜测===猜测左）{
log（“这会起作用吗”+userChoice）；
document.getElementById（'guess'）.innerHtml=“”；
var newContent=document.createTextNode（userChoice）；
}否则{
var newContent=document.createTextNode（“，”+userChoice）；
}
console.log（“newContent”+newContent[0]）；
var newEl=document.createElement（'span'）.appendChild（newContent）；
document.getElementById（'guess'）.appendChild（newEl）；
如果（猜测==0）{
损失++；
document.getElementById（“损失”）.innerHTML=（“损失：”+损失）；
猜测=猜测左；
}
};

心理游戏
猜猜我在想什么字母

wins：
损失：
左侧猜测：
到目前为止，你的猜测是：

下面是修改后的代码。我所做的更改是将innerHtml改为innerText并添加猜测——在if（guesses==0）条件的else部分

我希望这有帮助


var损失=0；
var Guessleft=10；
var guesses=GuessLeft；
document.onkeypress=函数（事件）{
var userChoice=event.key；
console.log（“猜测”+猜测）；
如果（猜测===猜测左）{
log（“这会起作用吗”+userChoice）；
document.getElementById（'guess'）.innerText=“”；
var newContent=document.createTextNode（userChoice）；
}否则{
var newContent=document.createTextNode（“，”+userChoice）；
}
console.log（“newContent”+newContent[0]）；
var newEl=document.createElement（'span'）.appendChild（newContent）；
document.getElementById（'guess'）.appendChild（newEl）；
如果（猜测==0）{
损失++；
document.getElementById（“损失”）.innerHTML=（“损失：”+损失）；
猜测=猜测左；
}
其他的
猜测--；
};

心理游戏
猜猜我在想什么字母

wins：
损失：
左侧猜测：
到目前为止，你的猜测是：

您知道可以在stackoverflow上格式化html和javascript代码，使其在浏览器中运行吗？
GuessLeft
永远不会递减。
newContent
是在不同的范围内定义和使用的。这里有一些基本的逻辑错误-通过控制台日志语句可以看出这些错误。我不知道为什么没有看到。另外，
innerHtml
与
innerHtml
不同，谢谢你的帮助。加上递减的猜测使剩下的猜测下降了两个而不是一个。我真正需要的是将innerHtml修复为innerHtml。