Buenas noches, no sé si solo a mi me pasa pero sigo perdida con los ejercicios no los logro hacer por mi misma cuando usamos funciones y agregamos condiciones, no sé si solo yo me siento como perdida en este punto o es normal? no quiero repetir porque siento que me estoy atrasando con lo demás, alguna sugerencia de que puedo hacer? Gracias! Este fué el ejercicio que lo terminé haciendo viendo la opinion del instructor por que por mi misma iba muy lejos de allí, no me salia nada y al final verificando cada punto y coma me dí cuenta que el error etaba en esta parte: dibujarRectangulo(x, y,+ sumaAltura, 50, altura, colores[i]); tenía una (coma) de mas antes del signo de suma y eso era lo que me daba error. Tuve que verificar muy al detalle.
<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) {
//i= indefinido
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 colores = ["blue","green","yellow", "red","gray"];
var serie2009 = [6,47,41,3,3];
var serie2019 = [81,9,3,3,4];
dibujarBarra(50, 50, serie2009, colores, "2009");
dibujarBarra(150, 50, serie2019, colores, "2019");
</script>
