ebSkola

4. tēma / 4.1

4.1 Funkcijas: viena darbība vairākām pogām

Šodien: Izmanto vienu funkciju vairākām punktu pogām un izveido atņemšanas pogu.

Īsā teorija

Funkcija ir nosaukta darbību grupa. To var izmantot atkārtoti.

pieskaitit(5) izsauc funkciju ar skaitli 5. Funkcijas iekšpusē šī vērtība saucas skaits .

Vairākas pogas var izmantot to pašu funkciju ar atšķirīgiem skaitļiem. 

function pieskaitit(skaits) {
  punkti = punkti + skaits;
  paradit();
}

Sākuma kods un darba vieta

Vide: mācību lapa → VS Code

  1. VS Code ar File → Open Folder atver Desktop/datorika9-tema4 . 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ā 41.html .

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

Lejupielādēt 41.html

Atvērt pilno sākuma kodu 
<!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>Punktu pogas</h1>
<p id="punkti">Punkti: 0</p>
<button onclick="pieskaitit(1)">+1 punkts</button>
<!-- ŠEIT OTRĀ POGA -->
<button onclick="saktNoJauna()">Sākt no jauna</button>
<script>
let punkti = 0;
function paradit() {
  document.getElementById("punkti").textContent = "Punkti: " + punkti;
}
function pieskaitit(skaits) {
  punkti = punkti + skaits;
  paradit();
}
function saktNoJauna() {
  punkti = 0;
  paradit();
}
</script>
</body>
</html>

1. uzdevums

Izmēģini gatavās funkcijas

Vide: VS Code → pārlūks

  1. Sāc ar 41.html .
  2. Nospied punktu pogu trīs reizes: jābūt 3 punktiem.
  3. Nospied Sākt no jauna : jābūt 0.

Gatavs, kad: Abas gatavās funkcijas darbojas.

2. uzdevums

Izmanto funkciju otrai pogai

Vide: VS Code

  1. Vietā <!-- ŠEIT OTRĀ POGA --> pievieno <button onclick="pieskaitit(5)">+5 punkti</button> .
  2. Nomaini lapas virsrakstu atbilstoši savai spēlei.
  3. Pārliecinies, ka abas punktu pogas izmanto vienu funkciju.

Gatavs, kad: Ir divas punktu pogas ar dažādām vērtībām.

3. uzdevums

Pievieno soda pogu un pārbaudi

Vide: VS Code → pārlūks

  1. Pievieno trešo punktu pogu: <button onclick="pieskaitit(-2)">−2 punkti</button> .
  2. Atver lapu no jauna. Nospied +1, +5, −2: jābūt 4 punktiem.
  3. Nospied sākšanu no jauna: jābūt 0. Pārbaudi arī atkārtotu klikšķi.
  4. Saglabā un nosūti darbu uz GitHub.

Gatavs, kad: Viena funkcija apkalpo visas trīs punktu pogas.

Iesniedz 3. uzdevuma rezultātu

Iesniedz pabeigto 41.html skolotāja norādītajā vietā. Šo pašu versiju saglabā arī GitHub.

Stunda ir ieskaitīta, ja 3. uzdevuma rezultāts atbilst visiem šiem punktiem:

  • Ir savs virsraksts un pogas +1, +5, −2.
  • Visas trīs izmanto pieskaitit(skaits).
  • Secība +1, +5, −2 dod 4; sākšana no jauna dod 0.

1. un 2. uzdevums sagatavo šo rezultātu. Papildu uzdevums nav vajadzīgs ieskaitei.

Saglabā un nosūti uz GitHub — pogu atgādne

Vide: VS Code / Source Control → GitHub pārlūkā

  1. Ar File → Save All saglabā failus. Atver Source Control ar Ctrl+Shift+G .
  2. Pie Changes nospied + (Stage All Changes). Pārbaudi, ka vajadzīgie faili pārvietojas uz Staged Changes .
  3. Ziņas laukā ieraksti īsu izmaiņu, piemēram, Pabeigts 4.1 darbs . Spied Commit .
  4. Ja šī tēmas mape vēl nav GitHub, spied Publish to GitHub un izveido publisku projektu datorika9-tema4 . Jau publicētam projektam spied Sync Changes . Ja pogas nav, atver … → Push .
  5. Pārlūkā atver savu GitHub projektu un pārbaudi faila pēdējās izmaiņas.

Ja Source Control rāda Initialize Repository , vispirms nospied to. Ja parādās kļūda vai sapludināšanas pieprasījums, izmanto palīdzību un palūdz skolotāja atbalstu.

Papildu uzdevums: Neļauj punktiem kļūt negatīviem

Sāc, kad 3. uzdevums ir gatavs un iesniegts. Ja vēlies paturēt obligāto versiju, saglabā kopiju ar citu nosaukumu.

  1. Pēc pieskaitīšanas pievieno if (punkti < 0) { punkti = 0; } .
  2. Pie 0 punktiem nospied −2 un pārbaudi rezultātu.
Ja kaut kas neizdodas

Palīdzība Git, kontam un darba atvēršanai

Skolotājam: sasniedzamo rezultātu saistība

Šajā nodarbībā vingrina šādu rezultātu daļas no 9. klases saraksta . Piesaiste pati par sevi nenozīmē visa rezultāta apguvi.

SR 2.6.1

Kursa nosacījumi un satura pārklājums