Dibujar Triangulo con javascript 2023

dibujar triangulo con javascript codigo - how to draw triangle with JavaScript code
k

12/03/2023

Dibujar triángulo con Javascript usando «While»

Vamos a dibujar triángulo con JavaScript código de dos formas diferentes. Una forma es con el uso de un loop «while» y la otra forma es con una iteración «for». Este es otro ejercicio que se suele plantear a aquellos estudiantes del lenguaje JavaScript en sus inicios.

De todos es bien sabido que por lo general cuando programamos podemos utilizar varias formas de obtener el mismo resultado. Es decir, podemos elegir varios caminos para llegar al mismo lugar. Por esta razón nosotros ❤️ programar.

En este post os voy a mostrar dos formas de obtener un triángulo con JavaScript código. Estoy seguro que varios de vosotros podrán encontrar otras formas de dibujar triangulo con JavaScript código.

JS


//Looping un triangulo
let simbolo = "#";
let contador = 0;

while(contador < 9){
    console.log(simbolo);
    simbolo = simbolo + "#";
    contador = contador + 1;
};

Crearemos una variante llamada simbolo que representará la imagen que formará el triángulo.

La segunda variable que crearemos será contador, que tendrá que ver con el número de veces que simbolo se ejecutará.

Luego creamos un loop while donde la condición para ejecutarse sea que contador sea menor que 9.

La ejecución del programa empieza con la impresión en la consola del primer simbolo. Si quisiéramos imprimir en la página en lugar de la consola, pues escribiríamos document.write(simbolo);

El siguiente punto se trata de incrementar el valor de simbolo al añadirle un nuevo «#» al anterior.

El último paso de la ejecución del while es incrementar contador en uno.

Este proceso se sigue repitiendo mientras dure la condición inicial de que el valor de contador sea menor a 9.

Dibujar triángulo con Javascript usando «for»

Esta opción de utilizar un «for» es mucho más simple en términos de longitud de código. Al fin y al cabo lo que se trata es llegar al mismo punto de la forma más rápida.

JS


//Looping un triangulo con for
for (let hash = "#"; 
hash.length < 10;
hash+= "#")
console.log(hash) };

El código anterior se puede escribir en dos líneas, aunque por claridad he pensado en escribirlo de esta forma.

Utilizamos el for y entre paréntesis escribimos las condiciones para que este se ejecute.

En primer lugar declaramos la variable hash que será el símbolo que aparecerá como resultado de la ejecución.

Luego establecemos la duración de la ejecución utilizando la propiedad length, Y en este indicamos que sea menor a 10.

En último lugar la variable se incrementará en un nuevo «#» al anterior.

Como resultado final hemos conseguido dibujar triángulo con JavaScript de dos formas diferentes. El resultado final en vuestra consola debe ser la imagen abajo.

dibujar triangulo con javascript codigo

Si queréis seguir profundizando en el lenguaje JavaScript hay algunos libros muy adecuados para aprender JavaScript desde 0.

Creatuwebpymes, es una empresa de Diseño y programación de páginas web en Canarias que ❤️ la programación.

creatuwebpymes quien somos

Francisco Brito Diaz

CEO de creatuwebpymes.com, empresa de diseño web y marketing digital en Canarias. 

Esta web utiliza cookies propias y de terceros para su correcto funcionamiento y para fines analíticos y para fines de afiliación y para mostrarte publicidad relacionada con sus preferencias en base a un perfil elaborado a partir de tus hábitos de navegación. Al hacer clic en el botón Aceptar, acepta el uso de estas tecnologías y el procesamiento de tus datos para estos propósitos.
Privacidad