Dia 30
This commit is contained in:
@@ -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>
|
||||
@@ -0,0 +1,92 @@
|
||||
<!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>
|
||||
<button onclick="borrarInvitado()">Eliminar Invitado</button>
|
||||
<button onclick="editarInvitado()">Editar Invitado</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.");
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Función para borrar un invitado específico de la lista
|
||||
function borrarInvitado() {
|
||||
let nombreInvitadoEliminado=prompt("Ingrese el nombre del invitado que se eliminará:");
|
||||
let indice = listaInvitados.indexOf(nombreInvitadoEliminado);
|
||||
|
||||
if (indice !== -1) {
|
||||
// Si el invitado se encuentra en la lista, lo eliminamos
|
||||
listaInvitados.splice(indice, 1);
|
||||
alert(`Se ha eliminado a ${nombreInvitadoEliminado} de la lista.`);
|
||||
} else {
|
||||
alert(`"${nombreInvitadoEliminado}" no se encuentra en la lista.`);
|
||||
}
|
||||
}
|
||||
|
||||
// Editar un invitado
|
||||
function editarInvitado() {
|
||||
//Busca por nombre
|
||||
let nombreInvitadoModificado=prompt("Ingrese el nombre del invitado a modificar:");
|
||||
//Obten su indice
|
||||
let indice = listaInvitados.indexOf(nombreInvitadoModificado);
|
||||
if (indice !== -1) {
|
||||
// Pregunta el nombre que lo sustituye
|
||||
let nombreAnterior = listaInvitados[indice];
|
||||
let nuevoNombre = prompt("Ingrese el nuevo nombre del invitado:", nombreAnterior);
|
||||
// Realiza la edición
|
||||
listaInvitados[indice] = nuevoNombre;
|
||||
} else {
|
||||
alert("No se encontró el invitado con el nombre indicado.");
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -8,6 +8,7 @@
|
||||
<title>Arrays 04</title>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Lista de Invitados</h1>
|
||||
<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>
|
||||
|
||||
@@ -1,9 +1,9 @@
|
||||
let invitados = [];
|
||||
let listaInvitados = [];
|
||||
|
||||
function showLista() {
|
||||
if (invitados.length) {
|
||||
if (listaInvitados.length) {
|
||||
let text = "Lista de invitados: \n";
|
||||
invitados.forEach((el, index) => {
|
||||
listaInvitados.forEach((el, index) => {
|
||||
text = text + `${index + 1} - ${el} \n`;
|
||||
});
|
||||
alert(text);
|
||||
@@ -14,21 +14,21 @@ function showLista() {
|
||||
function addInvitado() {
|
||||
invitado = prompt("Introduce el nombre del invitado");
|
||||
if (invitado !== null && invitado !== "") {
|
||||
invitados.push(invitado);
|
||||
listaInvitados.push(invitado);
|
||||
}
|
||||
}
|
||||
|
||||
function delLista() {
|
||||
if (confirm("¿Seguro que deseas eliminar la lista?")) {
|
||||
invitados = [];
|
||||
listaInvitados = [];
|
||||
}
|
||||
}
|
||||
|
||||
function delInvitado() {
|
||||
invitado = prompt("Introduce el nombre del invitado");
|
||||
index = invitados.indexOf(invitado);
|
||||
index = listaInvitados.indexOf(invitado);
|
||||
if (index != -1) {
|
||||
invitados.splice(index, 1);
|
||||
listaInvitados.splice(index, 1);
|
||||
} else {
|
||||
alert("No existe el invitado especificado");
|
||||
}
|
||||
@@ -36,11 +36,11 @@ function delInvitado() {
|
||||
|
||||
function editInvitado() {
|
||||
invitado = prompt("Introduce el nombre del invitado a editar");
|
||||
index = invitados.indexOf(invitado);
|
||||
index = listaInvitados.indexOf(invitado);
|
||||
if (index != -1) {
|
||||
invitadoEditado = prompt("Introduce el nuevo nombre",invitado);
|
||||
invitadoEditado = prompt("Introduce el nuevo nombre", invitado);
|
||||
if (invitadoEditado !== null && invitadoEditado !== "") {
|
||||
invitados[index] = invitadoEditado;
|
||||
listaInvitados[index] = invitadoEditado;
|
||||
}
|
||||
} else {
|
||||
alert("No existe el invitado especificado");
|
||||
|
||||
Reference in New Issue
Block a user