3.2. tēma: Datu tipi un interaktivitāte (Input/Output)

Tavs šīs stundas izaicinājums: Izstrādāt interaktīvu datu apmaiņas ciklu, kurā programma pieņem lietotāja ievadi, identificē datu tipu un izvada apstrādātu rezultātu.

2.6.1. Izmanto mainīgos un datu tipus; 5.2.1. Kritiskā domāšana un problēmrisināšana; 5.2.6. Digitālā pratība.

Teorija: Saziņa ar lietotāju un funkcijas

Programmēšanā Input ir dati, ko lietotājs iedod datoram, bet Output ir informācija, ko dators parāda lietotājam.

1. Datu tipi un apstrāde:

2. Funkcijas un pogas:

Lai koda rindiņas neizpildītos uzreiz pēc lapas ielādes, tās "iesaiņo" funkcijā. Funkcija ir kā recepte — tā stāv virtuvē, līdz kāds izdomā to pagatavot.

// Funkcijas definēšana
function mana_funkcija() {
    console.log("Poga tika nospiesta!");
}
<!-- Funkcijas izsaukšana -->
<button onclick="mana_funkcija()">Spied šeit!</button>

1. uzdevums: "Datu detektīvs" (15 min)

Identificēt, kā dators uztver lietotāja ievadīto informāciju un pārbaudīt datu tipu maiņu.

Izpildes soļi:

  1. JS failā izveido mainīgo let ievade = prompt("Ieraksti jebko!");.
  2. Izmanto console.log("Atbildes:"+ ievade + " Datu tips ir: " + typeof ievade);, lai redzētu, kādu tipu dators piešķīra ievadei.
  3. Pievieno otru mainīgo: let skaitlis = Number(ievade);.
  4. Izvadi konsolē jaunā mainīgā tipu ar console.log(typeof skaitlis + "⬅ pārveidotās ievades vērtība.");.
  5. Eksperimentē — ievadi vārdu pēc tam skaitli.

2. uzdevums: Varoņa reģistrācija (25 min)

Izveidot interaktīvu dialogu ar lietotāju, lai sagatavotu spēles sākuma datus.

Izpildes soļi:

  1. Izveido funkciju registretVaroni().
  2. Funkcijas iekšienē ar prompt() pajautā lietotājam vārdu un spēles grūtības pakāpi (skaitli).
  3. Izvadi sveicienu, izmantojot abus datus: console.log("Sveiks, " + vards + "! Tu izvēlējies " + limenis + ". līmeni.");.
  4. Piesaisti šo funkciju pogai HTML failā, izmantojot onclick.

3. uzdevums: Punkti un Matemātika (25 min)

Konstruēt algoritmu, kas pieņem skaitlisku ievadi un veic matemātisku aprēķinu spēles progresam.

Izpildes soļi:

  1. Izveido mainīgo let kopejiePunkti = 100; ārpus funkcijām.
  2. Izveido funkciju, kas ar prompt pajautā, cik punktus lietotājs vēlas atņemt.
  3. Svarīgi: Pārvērt ievadi par skaitli, izmantojot Number(), pirms veic atņemšanu.
  4. Izvadi jauno rezultātu konsolē ziņojumā: "Pēc izmaiņām Tev palika [punkti] punkti."

4. uzdevums: Statistikas lapa (Papildus)

Izstrādāt kompleksu ievades un izvades sistēmu, kas apkopo un strukturē varoņa spējas.

Izpildes soļi:

  1. Izveido funkciju, kas pajautā lietotājam trīs dažādus spēles parametrus (piem., spēku, ātrumu, maģiju).
  2. Aprēķini šo trīs parametru vidējo vērtību.
  3. Izvadi rezultātu konsolē, noapaļojot vai pievienojot tekstu par to, vai varonis ir gatavs cīņai.
  4. Pievieno pogu "Ģenerēt statistiku", kas izsauc šo procesu.

Biežākās kļūdas (un kā tās labot):

Koda piemērs

let punkti = 0;

function pievienotPunktus() {
    let ievade = prompt("Cik monētas atradi?");
    // Pārveidojam tekstu par skaitli
    let jaunasMonetas = Number(ievade);
    
    punkti = punkti + jaunasMonetas;
    console.log("Kopā sakrāts: " + punkti + " zelts.");
}
Kopā sakrāts: 15 zelts.
⬅ Iepriekšējā stunda Nākamā stunda ➡