Javascript 在HTML标题中创建一个可更改的变量

所以我对javascript和html真的很陌生，我想知道如何在“你的分数：”之后创建一个可变的数字/变量

您的分数：

（在

之前） 代码：

#你的分数{
背景色：浅蓝色；颜色：黑色；填充：40px；文本对齐：居中；
}
你的分数：

---

完整代码：

您可以使用以下方式使用vanilla javascript

score=提示（“分数是多少？”）；
document.getElementById（“score”）.innerHTML=score
.h1{
背景颜色：蓝色；
}
你的分数：
使用普通javascript：


constyourscore=document.getElementById（“您的分数”）；
函数updateYourScore（分数）{
yourScore.textContent=分数；
}
更新你的分数（9）
你的分数：
如果愿意，请在问题本身中发布与问题相关的所有代码-不要将其隐藏在链接后面。你不应该告诉那些想帮忙的潜在帮手，他们必须在异地工作，只是为了了解你在做什么。如果链接中断，这个问题可能对未来的读者毫无用处。请将您的代码编辑到a中的问题中，否则问题可能会被关闭，谢谢。
Your Score: </h1>

<style> #yourScore {
background-color: lightblue; color: black; padding: 40px; text-align: center;
}
</style>
<h1 id="yourScore">Your Score: </h1>