Diseño de la Calculadora CO2 por Empleado

Por Miguel Mazario
abril 25, 2024
Lanzadera Digital

Entradas del Usuario:
- Tipo de transporte: (Opciones: Coche, Transporte público, Bicicleta, A pie)
- Distancia diaria de ida al trabajo (en km): (Entrada numérica)
- Días trabajados al mes: (Entrada numérica)
Factores de Emisión:
- Coche: 0.21 kg CO2 por km
- Transporte público: 0.05 kg CO2 por km
- Bicicleta: 0 kg CO2 por km (sin emisiones directas)
- A pie: 0 kg CO2 por km (sin emisiones directas)
Cálculo de Emisiones:
- El cálculo se realiza multiplicando la distancia diaria por los días trabajados al mes, por el factor de emisión correspondiente al modo de transporte seleccionado, y por dos (ida y vuelta).
Resultado:
- Emisiones mensuales de CO2 por empleado (en kg).
Implementación:
- Esta calculadora puede ser implementada en un sitio web utilizando HTML para la interfaz, JavaScript para la lógica de cálculo y CSS para el diseño.

Código de la calculadora CO2

<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<title>Calculadora de Emisiones CO2 por Empleado</title>
<style>
    body { font-family: Arial, sans-serif; margin: 20px; }
    label, select, input { margin-bottom: 10px; display: block; }
    input, select { width: 200px; }
    button { width: 210px; padding: 5px; }
    #result { margin-top: 20px; }
</style>
</head>
<body>
<h2>Calculadora de Emisiones CO2 por Empleado</h2>

<label for="transportType">Tipo de transporte:</label>
<select id="transportType">
    <option value="0.21">Coche</option>
    <option value="0.05">Transporte público</option>
    <option value="0">Bicicleta</option>
    <option value="0">A pie</option>
</select>

<label for="distance">Distancia diaria de ida al trabajo (en km):</label>
<input type="number" id="distance" min="0" step="0.01" required>

<label for="days">Días trabajados al mes:</label>
<input type="number" id="days" min="0" step="1" required>

<button onclick="calculateEmissions()">Calcular Emisiones</button>

<div id="result"></div>

<script>
function calculateEmissions() {
    var transportType = document.getElementById('transportType').value;
    var distance = document.getElementById('distance').value;
    var days = document.getElementById('days').value;
    
    var emissions = 2 * distance * days * transportType; // Calcula ida y vuelta
    document.getElementById('result').innerHTML = 
        'Emisiones mensuales de CO2 por empleado: ' + emissions.toFixed(2) + ' kg';
}
</script>

</body>
</html>

Cómo funciona:

Tipo de transporte: El usuario selecciona el medio de transporte, y el valor asociado a cada opción representa el factor de emisión de CO2 por kilómetro.
Distancia diaria de ida al trabajo: El usuario introduce la distancia en kilómetros.
Días trabajados al mes: El usuario indica cuántos días al mes va al trabajo.
Botón de cálculo: Al hacer clic, se ejecuta la función calculateEmissions() que realiza el cálculo de las emisiones basado en las entradas y muestra el resultado.

Este código puede ser incorporado directamente en tu página web para ofrecer a los usuarios una herramienta práctica para calcular sus emisiones de CO2 relacionadas con el transporte al trabajo.

¿Quieres saber más sobre cómo optimizar la movilidad
corporativa dentro de tu organización?

Escríbenos a hola@celering.com o llámanos al 910376253 y pregúntanos por la solución de
movilidad más adecuada para tu organización y mejora la movilidad de los empleados.