Első blokk megjelenítése a felületen DHTML utasításokkal.

Az előző pontban megállapított HTML kódot át kell alakítani DHTML utasításokká. A DHTML-ben mindig először létre kell hozni az adott NODE-t, majd fel kell paraméterezni a megfelelő megjelenítésre. Minden egyes blokk, amelyet az előző pontban megállapítottunk az egy adott NODE vagy NODE csoport.
Az első blokk megjelenítéséhez kövessük a következő folyamatot (normál html szabvány esetén):

1. Vegyük az első blokkhoz tartozó HTML kódot: „Pitagorasz-tétel definíciója: a”.
2. Megállapítjuk a létrehozandó elem típusát: szöveg, text.
3. Létre hozunk a típusnak megfelelő NODE-t. Jelen esetünkben egy TEXT NODE-ról beszélünk, utasítása: createTextNode, Az eredményt beletesszük egy változóba!
4. A változó tartalmazza a NODE összes paraméterét. Ebben az esetben nem kell egyéb paraméterezést végrehajtanunk az adott NODE-n. Általánosságban igaz ez TEXT NODE esetére!
5. Feliratunk még csak a memóriában létezik, ahhoz hogy megjelenjen a felületen hozzá kell fűzni a BODY részhez. Használjuk a következőt: appendChild

(megoldás forrása)

5. lépcsőfok