Question

因此，我真的是javascript和html的新手，并且想知道如何在“您的得分：”之后输入一个可变的数字/变量。

Your Score: </h1>

（在</h1>之前）代码：

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

完整代码：https://pastebin.com/TLtjjerL

Answer 1

您可以通过香草javascript使用以下方式。

score = prompt("What is the score?");

document.getElementById("score").innerHTML = score;

.h1 {
  background-color: blue;
}

<h1> Your Score: <span id="score"></span></h1>

或者我认为，您可以在下面使用jQuery使用更简单的方法。

score = prompt("What is the score?");

$(".score").html(score);

.h1 {
  background-color: blue;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<h1> Your Score: <span class="score"></span></h1>

prompt()只是从您那里获得分数值的示例。您实际上不需要在代码中使用它。

Answer 2

使用香草javascript：

const yourScore = document.getElementById("your-score");

function updateYourScore(score) {
  yourScore.textContent = score;
}

updateYourScore(9);

<h1>Your Score: <span id="your-score"></span></h1>

在HTML标头中创建可更改的变量

2 个答案: