Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
1
respuesta

Me fallan los for aun :c

Aun me fallan mucho los ciclos for o while, alguna recomendacion? Realizando este ejercicio me costo muchisimo trabajo el poder realizar el ciclo for :c

<canvas width="600" height="400"></canvas>

<script>

    function dibujarRectangulo(x, y, base, altura, color) {
        var pantalla = document.querySelector("canvas");
        var pincel = pantalla.getContext("2d");

        pincel.fillStyle=color;
        pincel.fillRect(x,y, base, altura);
        pincel.strokeStyle="black";
        pincel.strokeRect(x,y, base, altura);
    }

    function escribirTexto(x , y, texto) {
        var pantalla = document.querySelector("canvas");
        var pincel = pantalla.getContext("2d");

        pincel.font="15px Georgia";
        pincel.fillStyle="black";
        pincel.fillText(texto, x, y);    
    }

    function dibujarBarra(x, y, serie, colores, texto) {

        escribirTexto(x,y-10,texto);

        var sumaAltura = 0;
        for (var i = 0; i < serie.length; i++) {
            var altura = serie[i];
            dibujarRectangulo(x, y + sumaAltura, 50, altura, colores[i]);
            sumaAltura = sumaAltura + altura;
        }


    }

    var serie2009 = [6, 47, 41, 3, 3];
    var serie2019 = [81, 9, 3, 3, 4];
    var colores = ["blue","green","yellow", "red","gray"];

    dibujarBarra(50, 50, serie2009, colores, "2009");
    dibujarBarra(150, 50, serie2019, colores, "2019");

</script>

y pues tuve que recurrir al ejemplo del profe.

1 respuesta

Hola Daniel, El ciclo for y while realizan una iteración según las instrucciones que se otorguen. Simplemente podríamos decir un recorrido comenzando del 0 al N elemento.

ejemplo sobre un ciclo for:

var datos = [1,2,3,4,5,"seis","siete","08","09","10"]; importante: este ejemplo contiene string: ["seis","siete","08","09","10"] contiene numeros: [1,2,3,4,5]

for (inicialización; condición; actualización){ sentencias a ejecutar en cada iteración}

for( var i = 0 ; i < datos.lenght ; i++){ var respuesta = datos[i] ; }

inicialización: allí se utiliza una variable que determina el inicio, en el ejemplo lo coloque con valor 0, par que agarre la primera iteración que siempre inicia en 0. condición; se coloca la condición que se debe cumplir para seguir iterando, en el ejemplo le coloque 0 < 10, valida 0, continua, valida 1, y así sucesivamente hasta que llega a 9, cuando llega a 10 se detiene. actualización: aca es donde se determina que la variable se debe incrementar, para que comience en 0,1,2,3 etc.. hay una forma fácil añadiendo i++ y dará ese 1,2,3. sentencia: acá es donde le indicas que hará con lo que devuelve el resultado, en el ejemplo cuando hace la primera vuelta devuelve 1 y este queda almacenado en respuesta, aquí seria de agregar que necesitas hacer con la información.

Espero te sirvan mis comentarios.