En programación un vector es una estructura de datos ordenados donde se pueden almacenar varios datos, estos datos pueden ser leidos, ingresados y
modificados mediante un numero que indica la posición.
Actividad 1: Dibujar un vector en paint con 5 nombres con sus posiciones respectivas.
Actividad 2: Escribir un algoritmo el cual se le ingresen 5 nombres de forma manual, los nombres deben ser mostrados usando un do while.
Actividad 3: Escribir una aplicación web en js la cual se le ingresen 5 nombres de forma manual, los nombres deben ser mostrados usando un do while.
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<title>Actividad 3 - Nombres con do while</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
margin-top: 50px;
}
input {
margin: 5px;
padding: 8px;
border-radius: 5px;
border: 1px solid #ccc;
}
button {
padding: 10px 15px;
margin-top: 10px;
border: none;
border-radius: 5px;
background-color: #28a745;
color: white;
cursor: pointer;
}
button:hover {
background-color: #218838;
}
ul {
list-style: none;
padding: 0;
margin-top: 20px;
}
li {
background: #f0f0f0;
margin: 5px;
padding: 8px;
border-radius: 5px;
}
</style>
</head>
<body>
<h1>Actividad 3</h1>
<p>Ingresa 5 nombres:</p>
<div>
<input type="text" id="nombre1" placeholder="Nombre 1">
<input type="text" id="nombre2" placeholder="Nombre 2">
<input type="text" id="nombre3" placeholder="Nombre 3">
<input type="text" id="nombre4" placeholder="Nombre 4">
<input type="text" id="nombre5" placeholder="Nombre 5">
</div>
<button onclick="mostrarNombres()">Mostrar Nombres</button>
<ul id="listaNombres"></ul>
<script>
function mostrarNombres() {
let nombres = [];
nombres.push(document.getElementById("nombre1").value);
nombres.push(document.getElementById("nombre2").value);
nombres.push(document.getElementById("nombre3").value);
nombres.push(document.getElementById("nombre4").value);
nombres.push(document.getElementById("nombre5").value);
let i = 0;
let lista = document.getElementById("listaNombres");
lista.innerHTML = ""; // limpiar antes de mostrar
do {
let li = document.createElement("li");
li.textContent = nombres[i];
lista.appendChild(li);
i++;
} while (i < nombres.length);
}
</script>
</body>
</html>
Comentarios
Publicar un comentario