Create Your Own HTML Game: A Simple Beginner's Guide
<html>
<head>
<title>My HTML Game</title>
<script type="text/javascript">
//Game variables
let score = 0;
let lives = 3;
let level = 1;
<pre><code> //Update score function
function updateScore(points) {
score += points;
document.getElementById("score").innerText = score;
}
//Lose life function
function loseLife() {
lives--;
document.getElementById("lives").innerText = lives;
if (lives == 0) {
gameOver();
}
}
//Game over function
function gameOver() {
alert('Game Over! Your score is ' + score);
}
//Level up function
function levelUp() {
level++;
document.getElementById("level").innerText = level;
}
</script>
</code></pre>
</head>
<body>
<h1>My HTML Game</h1>
<h2>Score: <span id="score">0</span></h2>
<h2>Lives: <span id="lives">3</span></h2>
<h2>Level: <span id="level">1</span></h2>
<button onclick="updateScore(5)">Add 5 points</button>
<button onclick="loseLife()">Lose a life</button>
<button onclick="levelUp()">Level up</button>
</body>
</html>
原文地址: https://www.cveoy.top/t/topic/lmcf 著作权归作者所有。请勿转载和采集!