Készítsük programot, amelyben kizárólag a DHTML módszerben megismert eszközökkel megjeleníti a következő képen látható formot:

1. Minden elemet, amit dinamikusan létrehozunk egy DIV elem alá helyezzünk be a BODY részben.
   Segítség a megoldásához (elakadás esetére!)
2. Az alap HTML oldalunknak a BODY részében nem helyezhetünk el semmilyen TAG-et!
   Segítség a megoldásához (elakadás esetére!)
3. A program forráskódjában nem alkalmazhatja az „.innerHTML” tulajdonságot!
   Segítség a megoldásához (elakadás esetére!)
4. A program betöltődése után javascript utasításokkal dinamikusan hozzuk létre az egyes elemeket a BODY részbe a DHTML tananyagban megismert eszközökkel.
   Segítség a megoldásához (elakadás esetére!)
5. Űrlap szükséges attribútumai:
   1. A,B,C űrlapmezők: típusa: szöveges; szélessége: 20 karakter; nevük: „mezo_a”, „mezo_b”, „mezo_c”
   2. Nyomógomb: típusa: „button”; neve: „gomb”; Felirata: „Pitagorasz-tétel számítás”
   3. Soremeléshez használjuk a BR TAG-et.

Ne feledjük el, hogy az itt bemutatott fejlesztési lépcső csak egy irányvonal arra vonatkozólag, ahogy hogyan lehet elindulni az adott feladat megoldásában, de természetesen mindenki a saját elképzelése, gyakorlata, tapasztalata szerint készíthet el egy feladatot!

Feladat kidolgozása részfeladatokkal

Az itt megjelenített megoldást lehetőleg csak arra használja, hogy segítséget nyerjen a feladat megfogalmazásának megértésére, de ne használja a program kódját az Ön által elkészítendő program kódjának megírásához! A másolással csak magát csapja be és megfosztja magát a szoftver fejlesztési képességének fejlődésétől!

Megoldás megtekintése

A forráslistát csak akkor tekintse meg, ha már végrehajtotta önálló munkával az adott feladat kidolgozását. Az itt megtekinthető megoldás csak segítség arra vonatkozólag, hogy milyen egy elkészített megoldás amely lefedi a feladat kiírásban foglaltakat maradéktalanul. Tudjuk, hogy egy kiírt feladat megoldáshoz számtalan formában juthatunk el, így ha az Ön megoldása megfelel a feladat kiírásban megfogalmazottaknak, akkor tökéletesen végrehajtotta a célt! Az, hogy egy kód mennyire optimális az már a fejlesztő tudásától, gyakorlatától és tapasztalatától függ, minél többet gyakorolja a fejlesztést annál inkább optimálisabb kódot fog készíteni.

Elkészített program forráskódja