Dibujar Triangulo con javascript 2022

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

7 diciembre 2022

Comparte | Share 

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.

Valora la entrada | Rate the post
Comparte | Share
siteground_banner
Divi Cake is a community driven marketplace for Divi Child Themes, Builder Layouts, and Plugins - Shop Now!
       
creatuwebpymes quien somos

Francisco Brito Diaz

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