En este tutorial crearemos un Cómo Generar un Objeto Piramide en JavaScript. Esto cubrirá toda la funcionalidad importante que generará una pirámide. Proporcionaré esta publicacion de muestra para mostrar la codificación real de este tutorial.
Este tutorial es simple y fácil de entender, simplemente siga las instrucciones que proporcioné y podrá hacerlo sin ningún problema. Este programa se puede utilizar para cualquier sistema o aplicación para mostrar algún objeto. Haré todo lo posible para brindarle la forma más fácil de crear este programa de Generar un Objeto Piramide en JavaScript. Así que hagamos la codificación.
DESCARGAR TODO EL CODIGO FUENTE y BASE DE DATOS
Aquí es donde crearemos una interfaz simple para nuestra aplicación. Este código solo formará html y el objeto de la pirámide. Para crear esto, simplemente cópielo y escríbalo en su editor de texto, luego guárdelo como index.html.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
</head>
<body>
<nav class="navbar navbar-default">
<div class="container-fluid">
<a class="navbar-brand" href="https://compubinario.com">CompuBinario</a>
</div>
</nav>
<div class="col-md-3"></div>
<div class="col-md-6 well">
<h3 class="text-primary">Generar un Objeto Piramide en JavaScript</h3>
<hr style="border-top:1px dotted #ccc;"/>
<div class="col-md-4">
<form>
<div class="form-group">
<label>Ingrese el Tamaño de la Piramide</label>
<input type="number" id="row" class="form-control" />
</div>
<button type="button" class="btn btn-primary btn-block" onclick="generatePyramid();">GENERAR</button>
</form>
</div>
<div class="col-md-2"><h2>Resultado:</h2></div>
<div class="col-md-6">
<div id="result"></div>
</div>
</div>
<script src="script.js"></script>
</body>
</html>
Aquí es donde está la función principal de la aplicación. Este código generará un objeto con forma de pirámide después de enviar el formulario. Para hacer esto, simplemente copie y escriba este bloque de códigos dentro del editor de texto y guárdelo como script.js.
function generatePyramid(){
var row=document.getElementById('row').value;
if(row ==""){
alert("Por favor ingrese algo primero!");
}else{
var html="";
for(var i=1; i<=row; i++){
for(var k=1; k<=(row-i); k++){
html+=" ";
}
for(var j=1; j<=i; j++){
html+="| ";
}
html+="<br />";
}
document.getElementById('result').innerHTML=html;
}
}
Este código anterior solo crea un método llamado generatePyramid(), esta función generará un objeto con forma de pirámide después de enviar el número de tamaño. Este método es un bucle para recorrer el elemento y posicionarse en un patrón piramidal.
Descarga el Tutorial Gratis en el siguiente enlace a continuacion:
DESCARGAR TODO EL CODIGO FUENTE
Tutorial de Como Generar un Objeto Piramide en JavaScript – Descargar el Sistema en el siguiente enlace:
DESCARGAR AQUÍ
Ahí lo tiene, creamos con éxito Cómo Generar un Objeto Piramide en JavaScript. Espero que este sencillo tutorial te ayude a lo que estás buscando. Para obtener más actualizaciones y tutoriales, visite este sitio. ¡Disfruta de la codificación!
