agila-learning-examples/tl/expanded-8-1/lesson-3/lesson.html

<!doctype html><html lang="tl"><meta charset="utf-8"><title>Tumugon sa event</title><h1>Tumugon sa event</h1><p>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.</p><p>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.</p><pre><code class="language-web">&lt;!doctype html&gt;
&lt;html lang=&quot;en&quot;&gt;&lt;meta charset=&quot;utf-8&quot;&gt;&lt;meta name=&quot;viewport&quot; content=&quot;width=device-width,initial-scale=1&quot;&gt;
&lt;title&gt;Agila study&lt;/title&gt;
&lt;main&gt;&lt;h1&gt;Study counter&lt;/h1&gt;&lt;button id=&quot;add&quot;&gt;Complete one&lt;/button&gt;&lt;p id=&quot;count&quot; aria-live=&quot;polite&quot;&gt;0&lt;/p&gt;&lt;/main&gt;
&lt;script&gt;let done=0;document.getElementById(&quot;add&quot;).addEventListener(&quot;click&quot;,()=&gt;{done+=1;document.getElementById(&quot;count&quot;).textContent=String(done);});&lt;/script&gt;&lt;/html&gt;</code></pre><h3>Pagsasanay at ebidensiya</h3><p>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.</p></html>