Eszköztár

63 Kezdőlap - Webszerkesztés - JavaScript - Mintázat

Feladat

A programozás során rendszeresen előfordul, hogy bizonyos cél -leginkább látvány - eléréséhez már-már "zsonglőrködni" kell a matematikai, illetve aritmetikai kifejezésekkel. Ez azt jelenti, hogy egy, vagy néhány változót (pl. ciklusváltozót) felhasználva olyan új értékeket állítsunk elő, melyek lehetővé teszik alakzatok, színátmenetek, majd később mozgások, szimulációk ábrázolását. E jelenlegi feladat éppen ezt hivatott érzékeltetni, illetve gyakoroltatni.

Az alábbiakban két oszlopban különféle ábrák láthatóak, pontokból kirakva. Az első ábrát a következő kódrészlet alkotja meg:

	<style>

	    table.matrix tr td
	    {
		width            : 8px   ;
		height           : 8px   ;
	    }

	    div.pont
	    {
		width            : 8px   ;
		height           : 8px   ;
		border-radius    : 50%   ;
		background-color : #66A  ;
	    }

	</style>

	<script>

	    document.write("<table class='matrix' cellpadding=0>")
	    for( i=0 ; i<=15 ; i++ )
	    {
		document.write("<tr>")
		for( j=0 ; j<=15 ; j++ )
		{
		    document.write("<td>")
		    if(1)
		    {
			document.write("<div class='pont'></div>")
		    }
		    document.write("</td>")
		}
		document.write("</tr>")
	    }
	    document.write("</table>")

	</script>
	

Az Ön feladata, hogy a kódrészlet - piros kiemeléssel jelzett - feltételének változtatásával készítse el a többi egyszínű ábrát megvalósító programot is. Ehhez új sorokat semelyik esetben nem szükséges beszúrnia a programba.

A jobb oldali, színes ábrák az egyszínű változat továbbgondolásai. Színezéssel hozza létre az így kialakítható látványt is. Ebben az esetben a - barna színnel jelölt - legbelső kapcsos zárójel tartalmát kell bővítenie, akár új változók bevezetésével is.

1. Négyzet 16x16 pontból: 2. Háromszög 16x16 pontból: 3. Pöttyös: 4. Zászló: 5. Felnégyelve: 6. Kereszt: 7. Rombusz: 8. Csokornyakkendő: 9. Négyzetek a négyzetben: 10. Fenyőfa: