Web Development

Module 1 – Web Development · 1

Page 3 of 3 · Mga 15 minuto bawat aralin, kasama ang pagsasanay.

Tumugon sa event

15-minutong sesyon: magbasa nang 3 minuto, mag-trace nang 3, mag-eksperimento nang 7, at sagutan ang check nang 2. Maglaan ng dagdag na oras kung kailangan.

Binabago ng JavaScript ang kilos. Naghihintay ng click ang listener, ina-update ang done, at ipinapakita ang bagong teksto. Hulaan ang display matapos ang tatlong click. Magdagdag ng reset na nag-a-update sa state at count. I-reload: nasa memory ng pahina ang counter, hindi saved account record.

<!doctype html>
<html lang="en"><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1">
<title>Agila study</title>
<main><h1>Study counter</h1><button id="add">Complete one</button><p id="count" aria-live="polite">0</p></main>
<script>let done=0;document.getElementById("add").addEventListener("click",()=>{done+=1;document.getElementById("count").textContent=String(done);});</script></html>

Pagsasanay at ebidensiya

Itala ang hula, aktuwal na resulta, at dahilan ng pagtugma o pagkakaiba. Sinusukat ng completion check ang pag-unawa; hinahasa ng practice task ang kasanayan.

Halimbawang code sa Agila Forge ↗