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

View File

@ -0,0 +1,80 @@
<!Doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Prueba Arrays 01</title>
</head>
<body>
<script type="text/javascript">
var meses = ["Enero", "Febrero", "Marzo", "Abril", "Mayo", "Junio", "Julio", "Agosto", "Septiembre", "Octubre", "Noviembre", "Diciembre"];
var dias = ["Lunes", "Martes", "Miércoles", "Jueves", "Viernes", "Sábado", "Domingo"];
// 1 Añade un mes más al final "Ultiembre" (escribe el array)
document.write("1-");
meses.push("Ultiembre");
document.write(meses);
document.write("<br>");
// 2 A continuación sacale los dos primeros meses. (escribe array)
document.write("2-");
meses.shift("Enero");
meses.shift("Febrero");
document.write(meses);
document.write("<br>");
/*meses.splice(0, 2);*/
// 3 Cuantos elementos hay en el array (escribe resultado)
document.write("3-");
document.write(meses.length);
document.write("<br>");
// 4 Une a los dias de la semana el array de los meses
document.write("4-");
var union=dias.concat(meses);
document.write(union);
document.write("<br>");
// 5 Cuantos elementos hay en ese array ? (escribe resultado)
document.write("5-");
document.write(union.length);
document.write("<br>");
// 6 Añade dos elementos más al principio "Xullo","Solpor".
document.write("6-");
union.unshift("Xullo","Solpor");
document.write(union);
document.write("<br>");
// 7 Haz que se escriban los elementos separados por " -- "
document.write("7-");
document.write(union.join(" -- "));
document.write("<br>");
// 8 Haz que se escriban los elementos, uno debajo de otro.
document.write("8-");
document.write(union.join("<br>"));
document.write("<br>");
//9 Saca un array con el orden inverso al actual
document.write("9-");
document.write(union.reverse());
document.write("<br>");
// 10 Saca un array con orden alfabético
document.write("10-");
document.write(union.sort());
document.write("<br>");
// 11 Anadir en la posición 3 "Luna" y "Marte"
document.write("11-");
meses.splice(3,0,"Luna","Marte");
document.write(meses);
document.write("<br>");
</script>
</body>
</html>

View File

@ -0,0 +1,19 @@
var meses = ["Enero", "Febrero", "Marzo", "Abril", "Mayo", "Junio", "Julio", "Agosto", "Septiembre", "Octubre", "Noviembre", "Diciembre"];
var dias = ["Lunes", "Martes", "Miércoles", "Jueves", "Viernes", "Sábado", "Domingo"];
1 Añade un mes más al final "Ultiembre" (escribe el array)
2 A continuación sacale los dos primeros meses. (escribe array)
3 Cuantos elementos hay en el array (escribe resultado)
4 Une a los dias de la semana el array de los meses
5 Cuantos elementos hay en ese array ? (escribe resultado)
6 Añade dos elementos más al principio "Xullo","Solpor".
7 Haz que se escriban los elementos separados por " -- "
8 Haz que se escriban los elementos, uno debajo de otro.
9 Saca una array con el orden inverso al actual
10 Saca un array con orden alfabético

View File

@ -0,0 +1,52 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Arrays 01</title>
<script>
var meses = ["Enero", "Febrero", "Marzo", "Abril", "Mayo", "Junio", "Julio", "Agosto", "Septiembre", "Octubre", "Noviembre", "Diciembre"];
var dias = ["Lunes", "Martes", "Miércoles", "Jueves", "Viernes", "Sábado", "Domingo"];
</script>
</head>
<body>
<script>
// 1 Añade un mes más al final "Ultiembre" (escribe el array)
meses.push('Ultiembre')
document.write(meses + '<br>')
// 2 A continuación sacale los dos primeros meses. (escribe array)
meses.splice(0,2)
document.write(meses + '<br>')
// 3 Cuantos elementos hay en el array (escribe resultado)
document.write(meses.length + '<br>')
// 4 Une a los dias de la semana el array de los meses
var union=meses.concat(dias)
document.write(union + '<br>')
// 5 Cuantos elementos hay en ese array ? (escribe resultado)
document.write(union.length + '<br>')
// 6 Añade dos elementos más al principio "Xullo","Solpor".
union.unshift("Xullo", "Solpor")
document.write(union + '<br>')
// 7 Haz que se escriban los elementos separados por " -- "
document.write(union.join('--'))
// 8 Haz que se escriban los elementos, uno debajo de otro.
document.write(union.join('<br>') + '<br>')
// 9 Saca una array con el orden inverso al actual
document.write(union.reverse() +'<br>')
// 10 Saca un array con orden alfabético
document.write(union.sort() +'<br>')
</script>
</body>
</html>

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>

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>

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>

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

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>

View File

@ -0,0 +1,17 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="../Introduccion/estilos.css">
<script src="./js/main.js"></script>
<title>Arrays 04</title>
</head>
<body>
<button style="width: 16em;" onclick="addInvitado()">Añadir Invitado</button>
<button style="width: 16em;" onclick="showLista()">Ver Lista de Invitados</button>
<button style="width: 16em;" onclick="delLista()">Borrar lista de invitados</button>
<button style="width: 16em;" onclick="delInvitado()">Eliminar invitado</button>
<button style="width: 16em;" onclick="editInvitado()">Editar invitado</button>
</body>
</html>

View File

@ -0,0 +1,48 @@
let invitados = [];
function showLista() {
if (invitados.length) {
let text = "Lista de invitados: \n";
invitados.forEach((el, index) => {
text = text + `${index + 1} - ${el} \n`;
});
alert(text);
} else {
alert("No existen datos que mostrar");
}
}
function addInvitado() {
invitado = prompt("Introduce el nombre del invitado");
if (invitado !== null && invitado !== "") {
invitados.push(invitado);
}
}
function delLista() {
if (confirm("¿Seguro que deseas eliminar la lista?")) {
invitados = [];
}
}
function delInvitado() {
invitado = prompt("Introduce el nombre del invitado");
index = invitados.indexOf(invitado);
if (index != -1) {
invitados.splice(index, 1);
} else {
alert("No existe el invitado especificado");
}
}
function editInvitado() {
invitado = prompt("Introduce el nombre del invitado a editar");
index = invitados.indexOf(invitado);
if (index != -1) {
invitadoEditado = prompt("Introduce el nuevo nombre",invitado);
if (invitadoEditado !== null && invitadoEditado !== "") {
invitados[index] = invitadoEditado;
}
} else {
alert("No existe el invitado especificado");
}
}

View File

@ -0,0 +1,66 @@
<!Doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Prueba funciones cadenas de texto</title>
</head>
<body>
<script>
var texto1="En un lugar de la Mancha, de cuyo nombre no quiero acordarme, no ha mucho tiempo que vivía un hidalgo de los de lanza en astillero, adarga antigua, rocín flaco y galgo corredor";
var texto2="Una olla de algo más vaca que carnero, salpicón las más noches, duelos y quebrantos los sábados ...";
// Contar las "u" en texto1
document.write(texto1.split("u").length-1);
document.write("<br>");
// Cuantos caracters en texto2
document.write(texto2.length + "<br>");
// Cual es el septimo caracter del texto2 ?
document.write(texto2.charAt(6) + "<br>");
//Une las dos cadenas de texto iniciales ?
document.write(texto1 + texto2 + "<br>");
var textoConcatenado = texto1.concat(texto2);
// Haz que el texto2 termine con la siguiente frase " y película los viernes".
//document.write(texto2 + " y película los viernes.") + "<br>");
document.write(texto2.concat(" y película los viernes.") + "<br>");
//texto2 += " y película los viernes"; -=, *=, y /=
// En que posición esta la primera palabra "un" a partir de la palabra Mancha ?
//indexOf(valor a buscar, desde que posición empieza)
document.write((texto1.indexOf("Mancha") + 5) + "<br>");
document.write(texto1.indexOf("un",24) + "<br>");
// En que posición esta el último "de" del texto1 ?
document.write(texto1.lastIndexOf("de") + "<br>");
// Haz que las palabras que componen el texto2 aparezcan separadas por comas.
document.write(texto2.split(" ") + "<br>");
// ** Cuantas palabras compone el texto2
document.write(texto2.split(" ").length + "<br>");
// 1 Con lo que sabemos
var palabras=texto1.split(" "); // Crea array
// Bucle para escribir
for ( var i = 0; i < palabras.length; i = i + 1) {
document.write(palabras[i] + "<br>");
}
// 2 Con join
document.write(texto1.split(" ").join("<br>"));
</script>
</body>
</html>

View File

@ -0,0 +1,55 @@
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Lista de invitados</title>
<link rel="stylesheet" href="css/estilos.css" />
</head>
<body>
<h1>Lista de Invitados</h1>
<button onclick="agregarInvitado()">Agregar Invitado</button>
<button onclick="verLista()">Ver Lista</button>
<button onclick="borrarLista()">Borrar Lista</button>
<script>
// Array para almacenar la lista de invitados
let listaInvitados = [];
// Función para agregar un nuevo invitado a la lista
function agregarInvitado() {
let nombreInvitado = prompt("Ingrese el nombre del invitado:");
if (nombreInvitado !== null && nombreInvitado !== '') {
listaInvitados.push(nombreInvitado);
alert(`Invitado ${nombreInvitado} agregado a la lista.`);
}
}
// Función para ver la lista de invitados
function verLista() {
if (listaInvitados.length === 0) {
alert("La lista de invitados está vacía.");
} else {
let listaTexto = "Lista de Invitados:\n";
listaInvitados.forEach(function (invitado, indice) {
listaTexto += `${indice + 1}. ${invitado}\n`;
});
alert(listaTexto);
}
}
// Función para borrar la lista de invitados con confirmación
function borrarLista() {
let confirmacion = confirm("¿Estás seguro de que deseas borrar la lista de invitados?");
if (confirmacion) {
listaInvitados = []; // Borrar la lista
alert("La lista de invitados ha sido borrada.");
}
}
</script>
</body>
</html>

View File

@ -15,7 +15,7 @@
<br>
<br>
<script>
//document.write(`Numero de caracteres 'u' en texto1: ${texto1.split('u').length-1}`) - falla cuando la ultima letra es la que buscas, habria que controlarlo
//document.write(`Numero de caracteres 'u' en texto1: ${texto1.split('u').length-1}`)
let contador = 0;
for (let i = 0; i < texto1.length; i++) {
if (texto1.charAt(i) === 'u') {