Dibujar Triangulo con javascript 2024

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.

Otras entradas al Blog

verificar palindromos con javascript | discover palindromes with javascript code

Palindromos con Javascript

Como hacer una calculadora con código python - Menu de Calculadora básica creada con código Python - Calculator Python code

Calculadora con Python

validar dni javascript en blog diseño páginas web - validate spainsh id using javascript

Validar ID con Javascript

indexeddb api base de datos local html 5 creatuwebpymes blog

IndexedDB Local Storage

creatuwebpymes quien somos

Francisco Brito Diaz

Creatuwebpymes, es una empresa de diseño y posicionamiento web para pequeñas empresas, autónomos y particulares.