agila-learning-examples/tl/expanded-8-2/lesson-2/lesson.html

<!doctype html><html lang="tl"><meta charset="utf-8"><title>I-render ang data bilang teksto</title><h1>I-render ang data bilang teksto</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>Mukhang HTML ang ilang character sa ikatlong task. Ipinapakita ng textContent ang literal na teksto. Ini-interpret ng innerHTML ang markup at maaaring magdulot ng injection sa untrusted data. Magdagdag ng ampersand at angle brackets. Tiyaking literal ang ipinapakita.</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;Tasks&lt;/h1&gt;&lt;ul id=&quot;tasks&quot;&gt;&lt;/ul&gt;&lt;/main&gt;
&lt;script&gt;const tasks=[&quot;Read&quot;,&quot;Test&quot;,&quot;&lt;strong&gt;Explain&lt;/strong&gt;&quot;];for(const text of tasks){const li=document.createElement(&quot;li&quot;);li.textContent=text;document.getElementById(&quot;tasks&quot;).append(li);}&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>