Как поместить переменную на моей веб -странице в JavaScript [закрыто] ⇐ Html

[Anonymous]

У моей программы есть кнопка, которая движется, когда вы нажимаете на нее, и добавляет одну к своему счету, однако счет не отображается правильно. Вот мой html: < /p>

Код: Выделить всё

Document



Score: 0




< /code>
А вот JavaScript: < /p>
let score = 0;
function moveButton()
{
score= score + 1
document.getElementById("demo").innerText = "Score:", score;
const btn = document.getElementById('move-button');
const maxX = window.innerWidth - btn.offsetWidth;
const maxY = window.innerHeight - btn.offsetHeight;

const randomX = Math.floor(Math.random() * maxX);
const randomY = Math.floor(Math.random() * maxY);

btn.style.left = `${randomX}px`
btn.style.top = `${randomY}px`

}
< /code>
Это код CSS, если он помогает: < /p>
body{
display: flex;
overflow: hidden;
}
button{
position: absolute;
align-self: center;
height: 15px;
}
< /code>
Что я могу сделать, чтобы правильно отобразить счет?let score = 0;
function moveButton()
{
score= score + 1
document.getElementById("demo").innerText = "Score:", score;
const btn = document.getElementById('move-button');
const maxX = window.innerWidth - btn.offsetWidth;
const maxY = window.innerHeight - btn.offsetHeight;

const randomX = Math.floor(Math.random() * maxX);
const randomY = Math.floor(Math.random() * maxY);

btn.style.left = `${randomX}px`
btn.style.top = `${randomY}px`

}< /code>
body{
display: flex;
overflow: hidden;
}
button{
position: absolute;
align-self: center;
height: 15px;
}< /code>





Document



Score: 0

Подробнее здесь: https://stackoverflow.com/questions/795 ... javascript