Solució - Javascript - Bucles, matrius i DOM

Analitzeu com està fet.



<HTML>
<HEAD>
<TITLE>Exemple d'una matriu</TITLE>

<SCRIPT>

dias = ["Lunes", "Martes", "Miércoles", "Jueves", "Viernes", "Sábado",

"Domingo", "digestiu"];
//Defineixo una matriu global(sense posar var per tant).


longitud=dias.length;
//longitud em defineix el número d'elements que té la matriu

function enumerar() {

for (i=0; i<longitud; i++) {
//Faig un bucle que recorre tots els elements de la matriu

var elemento=document.createElement('p');
//Es para definir "elemento" como un elemento de tipo párrafo


var texto=document.createTextNode(dias[i]);
//Es para definir un elemento de texto.


elemento.appendChild(texto);
//Al párrafo "elemento" le pone como hijo a "texto"


//var obj=document.getElementById('parrafos');
//Es para indiciar dónde va a ir creando los objetos "elemento", o sea los

párrafos


//obj.appendChild(elemento);
//A "obj", que es la div que tiene id="parrafos", le va a poner como elemento

hijo a elemento



document.getElementById('parrafos').appendChild(elemento);



}


}

</SCRIPT>


<style>
body {
background-color:#336699;
}
</style>



</HEAD>
<BODY onclick="enumerar();">

Aquí sota hi aniran els dies de la setmana: <br>

<div id="parrafos"> </div>



</BODY>
</HTML>

0 comentarios: