marklogo/IFCD0210
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Dia 29

Browse Source
This commit is contained in:
Marcos Lopez
2024-01-17 13:51:01 +01:00
parent f86dee8067
commit ad08f8d30d
13 changed files with 617 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

66
Practicas/Practicas JS/Arrays 02/02_arrays.html Normal file
View File

@@ -0,0 +1,66 @@
<!Doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Prueba Arrays 2</title>
</head>
<body>
<script type="text/javascript">
//Declaramos el array y le asignamos los valores
var clasificacion = ["Ana", "Oswaldo", "Raúl", "Celia", "María", "Antonio "];
// Imprimimos la clasificacion actual
document.write("Clasificación actual" + "<br>");
document.write("<br>");
// Con Bucle
for (var i=0;i<clasificacion.length;i++) {
document.write((i+1)+ " . " + clasificacion[i] + "<br>");
}
//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");
document.write("<br>");
// Imprimir clasificación actualizada
/*
document.write("Clasificación actualizada" + "<br>");
document.write("<br>");
for (var i=0;i<clasificacion.length;i++) {
document.write((i+1)+ " . " + clasificacion[i] + "<br>");
}
*/
document.write("<br>");
// En una función
function escribeClasf() {
document.write("Clasificación actualizada" + "<br>");
document.write("<br>");
for (var i=0;i<clasificacion.length;i++) {
document.write((i+1)+ " . " +"<b>"+clasificacion[i] +"</b>"+"<br>");
}
}
escribeClasf();
</script>
</body>
</html>

64
Practicas/Practicas JS/Arrays 02/02_arrays_completado.html Normal file
View File

@@ -0,0 +1,64 @@
<!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>

54
Practicas/Practicas JS/Arrays 02/02_arrays_modif.html Normal file
View File

@@ -0,0 +1,54 @@
<!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);
}
</script>
<button onclick="eliminarParticipante()">Eliminar Participante</button>
<button onclick="escribeClasf()">Ver Clasificación</button>
</body>
</html>

14
Practicas/Practicas JS/Arrays 02/Arrays_Javascript_02.txt Normal file
View File

@@ -0,0 +1,14 @@
Intenta realizar el siguiente script :
- Declara un array que vamos a llamar “clasificaciones” con los siguientes valores:
Ana, Oswaldo, Raúl, Celia, María, Antonio
(vamos a suponer que es el orden de clasificación de un concurso, en un momento dado)
- Imprime la clasificación actual (con document.write), debe aparecer un nombre debajo de otro con el número de posición delante.
- El concurso continua, y se van modifican esas posiciones anteriores. Debemos cambiar en el array:
- Celia adelanta a Raúl
- Antonio es descalificado y se elimina del concurso
- Detrás de Ana y antes de Oswaldo se clasifican dos nuevos concursantes: Roberto y Amaya, en ese orden
- Hay una nueva participante que pasa a encabezar la clasificación: Marta
- Imprime la clasificación actualizada y comprueba que se ha hecho correctamente

81
Practicas/Practicas JS/Arrays 02/index.html Normal file
View File

@@ -0,0 +1,81 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Arrays 02</title>
<link rel="stylesheet" href="../Introduccion/estilos.css">
<script>
let clasificaciones = ['Ana', 'Oswaldo', 'Raúl', 'Celia', 'María', 'Antonio'];
function muestraClasificacion() {
clasificaciones.forEach((el, index) => {
document.write((index + 1) + '-' + el + '<br>')
})
document.write('<br>')
}
function muestraClasificacionAlert() {
let text = '';
clasificaciones.forEach((el, index) => {
text = text + (index + 1) + '-' + el + '\n'
})
alert(text)
}
function eliminarParticipante(participante) {
index = clasificaciones.indexOf(participante)
console.log(index)
if (index != -1) {
clasificaciones.splice(index, 1);
} else {
alert('Participante no encontrado');
}
}
function adelantaParticipante(participante, adelantado){
indexParticipante=clasificaciones.indexOf(participante);
indexAdelantado=clasificaciones.indexOf(adelantado);
clasificaciones[indexAdelantado]=participante;
clasificaciones[indexParticipante]=adelantado;
}
</script>
</head>
<body>
<script>
// document.write('Clasificacion provisional:' + '<br>')
// muestraClasificacion();
// document.write('Celia adelanta a Raul:' + '<br>')
// clasificaciones[3] = 'Raúl'
// clasificaciones[2] = 'Celia'
// muestraClasificacion();
// document.write('Antonio es eliminado:' + '<br>')
// clasificaciones.pop();
// muestraClasificacion();
// document.write('Se clasifican Roberto y Amaya' + '<br>')
// clasificaciones.splice(1, 0, 'Roberto', 'Amaya');
// muestraClasificacion();
// document.write('Nueva participante que pasa a encabezar la clasificación: Marta' + '<br>')
// clasificaciones.unshift('Marta');
// muestraClasificacion();
</script>
<button onclick="eliminarParticipante(prompt('¿A quien quieres eliminar?'))">Eliminar Participante</button>
<button onclick="adelantaParticipante(prompt('Participante'),prompt('Adelantado'))">Adelanta Participante</button>
<button onclick="muestraClasificacionAlert()">Ver Clasificacion</button>
</body>
</html>