Tavs šīs stundas izaicinājums: Konstruēt programmas "atmiņu", definējot mainīgos un konstantes, lai manipulētu ar spēles pamatdatiem un kontrolētu to izvadi pārlūka konsolē.
2.6.1. Pieraksta, lasa un izpilda algoritmus; 5.2.1. Kritiskā domāšana un problēmrisināšana; 5.2.6. Digitālā pratība.JavaScript (JS) ir programmēšanas valoda, kas padara lapu interaktīvu. Lai programma varētu kaut ko aprēķināt (piemēram, spēlētāja punktus), tai šī informācija ir jāsaglabā mainīgajos — "kastēs" ar nosaukumiem.
1. Failu sasaiste:
Lai pārlūks zinātu, ka HTML failam ir pievienota loģika, mums tie ir jāsavieno, izmantojot <script> tagu. Tā atribūts src (source) norāda uz Tavu JS failu.
<!-- Šo rindu liek HTML faila beigās, tieši virs </body> -->
<script src="script.js"></script>2. Datu uzglabāšana:
| Veids | Atslēgvārds | Lietojums |
|---|---|---|
| Mainīgais | let |
Vērtībām, kas mainīsies (punkti, dzīvības). |
| Konstante | const |
Vērtībām, kas paliek nemainīgas (spēles nosaukums). |
Izstrādes laikā mēs izmantojam console.log(), lai nosūtītu ziņojumus uz pārlūka slēpto konsoli (F12), pārbaudot, vai kods strādā pareizi.
Izveidot ārējo JavaScript failu un nodrošināt tā veiksmīgu sasaisti ar HTML dokumentu.
script.js.index.html tieši virs aizverošā </body> taga pievieno: <script src="script.js"></script>.script.js failā komandu: console.log("Spēle ir sākusies!!");Izveidot mainīgos un konstantes, lai saglabātu spēles varoņa pamatdatus un izvadi tos konsolē.
let: spēlētāja vārdu (teksts), punktus (0) un dzīvības (3).const SPELES_NOSAUKUMS = "Mans Piedzīvojums";.console.log(SPELES_NOSAUKUMS + ": " + vards);).Manipulēt ar mainīgo vērtībām, izmantojot matemātiskas darbības, lai simulētu spēles loģiku.
dzivibas = dzivibas - 1;.punkti = punkti + 10;.const vērtību un vēro kļūdu konsolē — kāpēc tā radās?Izveidot funkciju, kas reaģē uz lietotāja klikšķi, reālajā laikā mainot un rādot datus konsolē.
onclick="iegutMonetu()".function iegutMonetu() { ... }.console.log izvadi.const vērtību. Nomaini to uz let.src="script.js" precīzi sakrīt ar faila nosaukumu mapē.// 1. Mainīgo definēšana
let skolotajs = "Eduards Baumanis";
let palidzejis = 0;
let nokaitinats = 0;
const uzvarasPunkti = 100;
// 2. Sākotnējā izvade konsolē
console.log("Sākam stundu!");
console.log("Stundas sākumā skolotājs palīdzējis: " + palidzejis + " reizes.");
// 3. Vērtību mainīšana (Manuāla simulācija skriptā)
nokaitinats = nokaitinats + 1; // Iegūstam 1 nokāri
console.log("Skolotājs ir nokaitināts: " + nokaitinats + " reizes.");
// 4. Funkcija interaktivitātei (Izsauc ar HTML pogu)
// HTML failā jābūt:
function prasiPalidzibu() {
palidzejis = palidzejis + 1;
console.log("Skolotājs tikko palīdzēja! Kopā palīdzēts: " + palidzejis + " reizes.");
}