3.1 JavaScript: spēles nosaukums, punkti un dzīvības

Īsā teorija

JavaScript veic darbības. To rakstām faila <script> daļā zem lapas satura.

let izveido maināmu vērtību, piemēram, punktus. const lieto vērtībai, kuru šajā programmā nepārpiešķirsi.

Tekstu raksti pēdiņās; skaitli — bez tām. punkti = punkti + 5; pieskaita piecus punktus.

const nosaukums = "Zvaigžņu mednieks";
let punkti = 10;
punkti = punkti + 5;

Sākuma kods un darba vieta

Vide: mācību lapa → VS Code

1. VS Code ar File → Open Folder atver Desktop/datorika9-tema3 . Ja mapes nav, izveido to darbvirsmā.
2. Šajā mācību lapā nospied Kopēt sākuma kodu .
3. VS Code nospied Ctrl+N un ielīmē kodu ar Ctrl+V .
4. Saglabā ar Ctrl+Shift+S tēmas mapē kā 31.html .

Jauna tēma: izmanto atsevišķu mapi un GitHub projektu datorika9-tema3 . Saglabājot pirmo darbu, izpildi Source Control atgādni zem 3. uzdevuma. Iepriekšējās tēmas mapi paturi.

<!DOCTYPE html>
<html lang="lv">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Mana spēle</title>
<style>
body { font-family: Arial, sans-serif; max-width: 680px; margin: 24px auto; padding: 16px; line-height: 1.6; }
button, input { font: inherit; padding: 10px; margin: 4px; }
button { cursor: pointer; }
img { max-width: 100%; height: auto; }
[hidden] { display: none !important; }

</style>
</head>
<body>
<h1 id="nosaukums">Mana spēle</h1>
<p id="punkti">Punkti: 0</p>
<p id="dzivibas">Dzīvības: 0</p>
<script>
// MAINI ŠEIT: spēles dati.
const nosaukums = "Zvaigžņu mednieks";
let punkti = 0;
let dzivibas = 3;

// ŠEIT APRĒĶINS

// Gatavās rindas parāda vērtības lapā.
document.getElementById("nosaukums").textContent = nosaukums;
document.getElementById("punkti").textContent = "Punkti: " + punkti;
document.getElementById("dzivibas").textContent = "Dzīvības: " + dzivibas;
</script>
</body>
</html>