Ejercicio Nro 4 - Ordenar Números [ Html Javascript + Código C ]
Ordenar Números.
Se ha realizado el siguiente programa.
1- Crear archivo index.html
<!DOCTYPE html>
<html>
<head>
<meta content='UY' name='geo.placename'/>
<meta content='María Eugenia Szwedowski' name='Author'/>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/solid.css" integrity="sha384-VGP9aw4WtGH/uPAOseYxZ+Vz/vaTb1ehm1bwx92Fm8dTrE+3boLfF1SpAtB1z7HW" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.3.1/dist/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<!-- Font Awesome -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" />
<!-- Google Fonts Roboto -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap" />
<!-- MDB -->
<link rel="stylesheet" href="mdbootstrap/css/mdb.min.css" />
<title> Ejercicio Nro 4 ❤️ María Eugenia ⚡ </title>
</head>
<body>
<br><br>
<div class="container">
<div class="card mb-3">
<div class="card-body">
<h2>Ejercicio
<span class="fa fa-heart fa-beat" style="--fa-beat-scale: 2.0; color: red;"></span>
Nro 4</h2>
<form id="ej1" name="">
<div class="row align-items-start">
<div class="col">
<div class="form-group form-check">
<label for="ej1">Valor 1</label>
<input type="number" class="form-control" id="id1" placeholder="Ingrese el valor" name="" autofocus required>
</div>
</div>
<div class="col">
<div class="form-group form-check">
<label for="ej1">Valor 2</label>
<input type="number" class="form-control" id="id2" placeholder="Ingrese el valor" name="" autofocus required>
</div>
</div>
<div class="col">
<div class="form-group form-check">
<label for="ej1">Valor 3</label>
<input type="number" class="form-control" id="id3" placeholder="Ingrese el valor" name="" autofocus required>
</div>
</div>
<div class="col">
<div class="form-group form-check">
<label for="ej1">Valor 4</label>
<input type="number" class="form-control" id="id4" placeholder="Ingrese el valor" name="" autofocus required>
</div>
</div>
<div class="col">
<div class="form-group form-check">
<label for="ej1">Valor 5</label>
<input type="number" class="form-control" id="id5" placeholder="Ingrese el valor" name="" autofocus required>
</div>
</div>
</div>
<div class="form-group form-check">
<button type="button" id="btncalcular" class="btn btn-primary calcular" onclick="calcular();">Ordenar</button>
</div>
<br><br>
<div style="display:none" id="mostrar" >
<p> El resultado es:
<div class="alert-success"><span id="resultado1"></div></span>
<div class="alert-success"><span id="resultado2"></div></span>
<div class="alert-success"><span id="resultado3"></div></span>
<div class="alert-success"><span id="resultado4"></div></span>
<div class="alert-success"><span id="resultado5"></div></span>
</p>
<hr class="clearfix w-100 d-md-none mb-0">
</div>
</form>
</div>
</div>
</div>
<script type="text/javascript" src="javascript.js"> </script>
</body>
</html>
2- Crear archivo javascript.js
function calcular(){
var cantidad = 5;
var result = 1;
const ingreso =[5];
const indice = [5];
var j, i, cambio;
ingreso[0] = parseInt(document.getElementById('id1').value,10);
ingreso[1] = parseInt(document.getElementById('id2').value,10);
ingreso[2] = parseInt(document.getElementById('id3').value,10);
ingreso[3] = parseInt(document.getElementById('id4').value,10);
ingreso[4] = parseInt(document.getElementById('id5').value,10);
for(i = 0; i < (cantidad - 1 ); i++){
for(j = i + 1; j < cantidad; j++){
if( ingreso[j] > ingreso[i]){
cambio = ingreso[j];
ingreso[j] = ingreso[i];
ingreso[i] = cambio;
}
}
}
for (i = 0; i < cantidad; i++ ){
cajetilla();
document.getElementById('resultado1').innerHTML = ingreso[0];
document.getElementById('resultado2').innerHTML = ingreso[1];
document.getElementById('resultado3').innerHTML = ingreso[2];
document.getElementById('resultado4').innerHTML = ingreso[3];
document.getElementById('resultado5').innerHTML = ingreso[4];
result++;
}
}
function cajetilla(){
var caja = document.getElementById("mostrar");
mostrar.style.display = "block";
}
3- Correr y testear programa.
4- Dirigirse a la página: https://www.onlinegdb.com/
5- Pegar el siguiente código :
/******************************************************************************
Ejercicio Nro 4 - ITS 2022
Ingreso de 5 datos por teclado y se ordenan de mayor a menor según la elección.
*******************************************************************************/
#include <stdio.h>
#define cantidad 5
void main ()
{
int ingreso[cantidad], indice[cantidad];
int j, i, cambio;
printf ("¡Hola! Ingresa %d números enteros por favor.\n\n", cantidad);
for (i = 0; i < cantidad; i++)
{
printf ("Posición nro %d: ", i + 1);
scanf ("%d", &ingreso[i]);
printf ("\n");
}
for (i = 0; i < (cantidad - 1); i++)
{
for (j = i + 1; j < cantidad; j++)
{
if (ingreso[j] > ingreso[i])
{
cambio = ingreso[j];
ingreso[j] = ingreso[i];
ingreso[i] = cambio;
}
}
}
printf ("Los números ordenados son:\n");
for (i = 0; i < cantidad; i++)
{
printf("\nLa posición nro %d es: %d",cantidad-i, ingreso[i]);
}
}