Diferencia entre revisiones de «Plantilla:ManuelRomero/PHP/funciones/practica»
De WikiEducator
(→Pautas para resolver el ejercicio:) |
|||
| (Una revisión intermedia por el mismo usuario no mostrado) | |||
| Línea 49: | Línea 49: | ||
function contarTareasCompletadas(string $t1, string $t2, string $t3): int | function contarTareasCompletadas(string $t1, string $t2, string $t3): int | ||
{ | { | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
} | } | ||
function crearTareas(&$tarea_1, &$tarea_2, &$tarea_3) | function crearTareas(&$tarea_1, &$tarea_2, &$tarea_3) | ||
{ | { | ||
| − | |||
| − | |||
| − | |||
} | } | ||
| Línea 66: | Línea 59: | ||
function asigarEstado(): string | function asigarEstado(): string | ||
{ | { | ||
| − | |||
} | } | ||
function asigarEstilo($estado) | function asigarEstilo($estado) | ||
{ | { | ||
| − | |||
} | } | ||
// Variables simples para las tareas | // Variables simples para las tareas | ||
| − | |||
//Declaramos 3 tareas | //Declaramos 3 tareas | ||
Última revisión de 00:01 5 dic 2024
Contenido
Estadísticas de Tareas con Funciones
- Descripción del problema
- Queremos construir una aplicación básica que nos permita analizar el estado de tres tareas predefinidas.
- Cada tarea puede estar en estado "pendiente" o "completada".
- Utilizaremos una función para calcular estadísticas de estas tareas y mostrar los resultados en una página web.
Objetivos del ejercicio:
- Crear una página web en PHP que muestre tres tareas predefinidas con su estado.
- Implementar una función llamada contarTareas que reciba como parámetros los estados de las tres tareas.
- Usar la función para calcular y devolver:
- El número total de tareas.
- El número de tareas completadas.
- El número de tareas pendientes.
- Mostrar las estadísticas calculadas en la página web de forma clara y ordenada.
Requisitos específicos:
Las tareas deben ser representadas como variables simples, no arrays. Ejemplo:
$tarea1_estado = 'pendiente'; $tarea2_estado = 'completada'; $tarea3_estado = 'pendiente';
- La función contarTareas debe:
- Calcular las estadísticas a partir de los estados proporcionados.
- Modificar directamente las variables total, completadas y pendientes usando parámetros por referencia.
- Ejemplo de firma de la función:
function contarTareas($t1, $t2, $t3, &$total, &$completadas, &$pendientes)
- Mostrar las estadísticas en una lista dentro de la página web:
- Ejemplo de salida:
* Total de tareas: 3 * Tareas completadas: 1 * Tareas pendientes: 2
Pautas para resolver el ejercicio:
- Crea las variables para almacenar los estados de las tres tareas.
- Escribe la función contarTareas siguiendo la estructura solicitada.
- Llama a la función desde tu código principal, pasando los estados de las tareas y las variables de estadísticas.
- Usa HTML con Bootstrap para estructurar la página:
| platilla |
|---|
<?php function contarTareasCompletadas(string $t1, string $t2, string $t3): int { } function crearTareas(&$tarea_1, &$tarea_2, &$tarea_3) { } function asigarEstado(): string { } function asigarEstilo($estado) { } // Variables simples para las tareas //Declaramos 3 tareas crearTareas($tarea_1, $tarea_2, $tarea_3); //Establecemso el estado de las tareas (de cada una) $tarea_1_estado = asigarEstado(); $tarea_2_estado = asigarEstado(); $tarea_3_estado = asigarEstado(); //Contamos las tareas $completadas = contarTareasCompletadas($tarea_1_estado, $tarea_2_estado, $tarea_3_estado); $pendientes = $tareas_total - $completadas; //Asignamos estilo a las tareas $tarea_1_estilo = asigarEstilo($tarea_1_estado); $tarea_2_estilo = asigarEstilo($tarea_2_estado); $tarea_3_estilo = asigarEstilo($tarea_3_estado); ?> <!DOCTYPE html> <html lang="es"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Gestor de Tareas - Funciones</title> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet"> </head> <body class="bg-light"> <div class="container py-5"> <h1 class="text-center mb-4">Gestor de Tareas</h1> <!-- Introducción --> <div class="mb-4"> <p>En esta página trabajaremos con funciones para calcular estadísticas de tareas. Actualmente, hay tres tareas predefinidas.</p> </div> <!-- Tareas con variables simples --> <div class="card mb-4"> <div class="card-body"> <h2 class="card-title">Tareas Iniciales</h2> <ul class="list-group"> <li class="list-group-item "><span class="fw-bold fs-4">Tarea 1:</span> <span class="badge ">estado tarea 1</span> </li> <li class="list-group-item "><span class="fw-bold fs-4">Tarea 2:</span> <span class="badge ">estado tarea 2</span> </li> <li class="list-group-item "><span class="fw-bold fs-4">Tarea 3:</span> <span class="badge ">estado tarea 3</span> </li> </ul> </div> </div> <!-- Estadísticas --> <div class="card"> <div class="card-body"> <h2 class="card-title">Estadísticas de Tareas</h2> <ul class="list-group"> <li class="list-group-item">Total de tareas: <strong> Total de tareas</strong></li> <li class="list-group-item">Tareas completadas: <strong>total de tareas completadas</strong></li> <li class="list-group-item">Tareas pendientes: <strong>Total tareas pendientes</strong></li> </ul> </div> <!-- Gráfica de estadísticas --> <!-- podemosintentar meter un gráfico de js --> </body> </html> |
- Una sección que liste las tareas y su estado.
- Una sección separada para mostrar las estadísticas calculadas.
- Prueba diferentes combinaciones de estados para verificar que las estadísticas se calculan correctamente.
