64 lines
1.9 KiB
HTML
64 lines
1.9 KiB
HTML
<!Doctype html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>Prueba Arrays 2</title>
|
|
<link rel="stylesheet" href="css/estilos.css" />
|
|
</head>
|
|
<body>
|
|
|
|
|
|
<script type="text/javascript">
|
|
//Declaramos el array y le asignamos los valores
|
|
var clasificacion = ["Ana", "Oswaldo", "Raúl", "Celia", "María", "Antonio "];
|
|
|
|
//Cambios de clasificación
|
|
// Celia adelanta a Raúl
|
|
clasificacion[2] = "Celia";
|
|
clasificacion[3] = "Raúl";
|
|
// Antonio es descalificado y se elimina del concurso
|
|
clasificacion.pop();
|
|
|
|
// Detrás de Ana y antes de Oswaldo se clasifican dos nuevos concursantes: Roberto y Amaya, en ese orden
|
|
clasificacion.splice(1, 0, "Roberto", "Amaya");
|
|
// Hay una nueva participante que pasa a encabezar la clasificación: Marta
|
|
clasificacion.unshift("Marta");
|
|
|
|
// En una función ver lista
|
|
function escribeClasf() {
|
|
var mensaje = "Clasificación:\n";
|
|
|
|
for (var i = 0; i < clasificacion.length; i++) {
|
|
mensaje += (i + 1) + ". " + clasificacion[i] + "\n";
|
|
}
|
|
|
|
alert(mensaje);
|
|
}
|
|
|
|
//Eliminar participante
|
|
function eliminarParticipante() {
|
|
// Nombre a buscar y eliminar
|
|
let nombreAEliminar = prompt("A quien deseas eliminar ?");
|
|
// Busca la posición del nombre en el array
|
|
let index = clasificacion.indexOf(nombreAEliminar);
|
|
// Elimina el nombre del array
|
|
clasificacion.splice(index, 1);
|
|
}
|
|
|
|
// Intercambiar posición
|
|
function adelantaParticipante() {
|
|
let posicion1=prompt("Quien es adelantado ?");
|
|
let index1 = clasificacion.indexOf(posicion1);
|
|
let posicion2=prompt("Quien es adelanta ?");
|
|
let index2 = clasificacion.indexOf(posicion2);
|
|
|
|
clasificacion[index1]=posicion2;
|
|
clasificacion[index2]=posicion1;
|
|
}
|
|
|
|
</script>
|
|
<button onclick="eliminarParticipante()">Eliminar Participante</button>
|
|
<button onclick="escribeClasf()">Ver Clasificación</button>
|
|
<button onclick="adelantaParticipante()">Adelanta Participante</button>
|
|
</body>
|
|
</html> |