Javascript 对内部html的更改应该如何响应？

我试图用一个按钮更改段落标记的文本，我想测试不同的样式标记会如何影响这种更改。我的html如下所示：

<p id="testParagraph"> This <strong> is </strong> a test </p>
<button id="button">Run Test</button>

var button = document.getElementById("button");
button.onclick = function() {
    document.getElementById("testParagraph").innerHtml = "I changed the inner html, but what do I look like?";
}

当我点击按钮时，我没有看到任何变化，我想知道这是否是由于我做得不正确造成的，或者是因为原始段落标记中的强标记而改变html是否有问题。

它是innerHTML而不是innerHTML

演示：

是.innerHTML，不是.innerHTML。外壳在JavaScript中很重要

没什么可说的了。一个简单的打字错误-继续

编辑： 既然我们有两个相同的答案，我想我应该给脚本一个替代的解决方案

可以使用addEventListener，其好处是可以将多个事件附加到同一元素，而不是直接onclick。这不是一个建议，只是提到它是一个替代方案。你喜欢什么就用什么

document.getElementByIdbutton.addEventListener'click'函数{ document.getelementbyidtestparagration.innerHTML=我更改了内部html，但我看起来像什么？； }; 这是一个测试

---

运行测试下面的答案是正确的，但也请注意，如果您点击F12并查看控制台，可能会很容易发现此错误。任何类型的无效JavaScript都会抛出一个错误，可能会引导您解决此问题。谢谢，我已经很长时间没有处理这两个问题了。从现在起我会先检查一下。

var button = document.getElementById("button");
button.onclick = function() {
    document.getElementById("testParagraph").innerHTML = "I changed the inner html, but what do I look like?";
}