Web Development

Module 2 – Web Development · 2

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

I-render ang data bilang teksto

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.

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.

<!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>Tasks</h1><ul id="tasks"></ul></main>
<script>const tasks=["Read","Test","<strong>Explain</strong>"];for(const text of tasks){const li=document.createElement("li");li.textContent=text;document.getElementById("tasks").append(li);}</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 ↗