Water Consumption Calculator
Cuantifica tu Consumo de Agua, de acuerdo a WaterConsumption
Día:
Caution! El consumo de agua ha excedido los límites!
Por qué hogage esta cantidad?
Caution! This water consumption is excessive for personal use.
—
### Explicación del código:
1. **HTML Structure**:
– Diseño gráfico simple con un contenedor para mostrar los resultados.
– Formas HTML para capturar la cantidad de agua por día, semana y mensual.
2. **JavaScript Functiones**:
– `calculateDaily()`: Lleva el valor deldailyAmount a la función `waterConsumption()` y muestra la tabla de consumo por día con la información resultante.
– `calculateWeekly()` y `calculateMonthly()`: Similar al anterior, capturan los valores y muestra la tabla para la semana y el mes respectivamente.
3. **HTML Formulas**:
– Cada formulario incluye un input de texto para introducir el valor de consumo (por ejemplo, 5000 litros por día para el_dailyInput).
– Un botón para calcular el consumo en la forma de tabla.
4. **CSS Styling**:
– Diseño responsive con una pantalla de 800×800 pixels.
– Algunas estilos básicas que se pueden personalizar.
5. **Límites de Consumo**:
– Se definen los límites por week y day, que se muestren en la parte inferior de la página con colores azules para indicar si el consumo ha excedido los límites.
### Cómo Interactuar:
1. Introduce el valor del consumo diario en el input.
2. Click en “Calcular”.
3. El resultado se muestra en una tabla con:
– El día actual
– La cantidad de agua hoggable por midnight
– El consumo por week y por day
4. Si el consumo ha excedido los límites, aprecia un alert de danger.
### Comandos para Interactuar:
“`bash
# En Windows:
# – Crea una herramienta local para manejar las API
# – Usa un navegador (Firefox/Chromium) para hacer capturas de datos
# – Al final, verifica si el consumo ha excedido los límites
# En Linux/Mac:
# Usa una herramienta local para manejar la API web
# Al final, verifica las limittedad
