Создайте переменную в заголовке HTML

Question

Так что я действительно новичок в javascript и html, и мне было интересно, как я могу сделать изменяемое число / переменную после "Your Score:"

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:

const yourScore = document.getElementById("your-score");

function updateYourScore(score) {
  yourScore.textContent = score;
}

updateYourScore(9);

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

Answer 2

Вы можете использовать следующий способ, используя ванильный 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() Это просто пример, чтобы получить значение балла от вас. Вам на самом деле не нужно это в вашем коде.