在javascript中编辑内部html后，如何更新页面

我有一个代码为“headingram”的HTML段落，我使用JavaScript innerhtml将该段落的内容更新为“hello”，然后我的代码在控制台中打印新值。

到目前为止，我可以看出该值正在更新，正如它在控制台中显示的那样，但是实际的网页并没有刷新以显示新的值，请找到附加的HTML和JavaScript的片段。

<div class="note-heading-indicate">
<h2><i class="fa fa-comments-o"></i> Latest Notes</h2>
<p id="headingram">You have 10 new message.</p>

function HeadingChanger(){
    let HeadingTitle = document.getElementById('headingram').innerHTML ="hello";
    console.log(HeadingTitle);
}