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

<!doctype html><html lang="ceb"><meta charset="utf-8"><title>I-render ang data isip teksto</title><h1>I-render ang data isip teksto</h1><p>15-minutong sesyon: pagbasa sulod sa 3 minutos, pag-trace sa 3, pag-eksperimento sa 7, ug pagtubag sa check sa 2. Paggahin og dugang oras kon gikinahanglan.</p><p>Murag HTML ang ubang character sa ikatulong task. Ang textContent mopakita sa literal nga teksto. Ang innerHTML mo-interpret sa markup ug mahimong hinungdan sa injection sa untrusted data. Idugang ang ampersand ug angle brackets. Siguroa nga literal ang gipakita.</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>Praktis ug ebidensiya</h3><p>Isulat ang tagna, aktuwal nga resulta, ug hinungdan sa pagkapareho o kalainan. Ang completion check mosukod sa pagsabot; ang practice task mopauswag sa kahanas.</p></html>