Dia 29
This commit is contained in:
17
Practicas/Practicas JS/Arrays04/index.html
Normal file
17
Practicas/Practicas JS/Arrays04/index.html
Normal 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>
|
||||
48
Practicas/Practicas JS/Arrays04/js/main.js
Normal file
48
Practicas/Practicas JS/Arrays04/js/main.js
Normal 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");
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user