{"id":2671,"date":"2024-04-17T03:18:26","date_gmt":"2024-04-17T03:18:26","guid":{"rendered":"https:\/\/www.switchfleet.com\/?page_id=2671"},"modified":"2025-02-14T11:19:12","modified_gmt":"2025-02-14T11:19:12","slug":"calc","status":"publish","type":"page","link":"https:\/\/www.switchfleet.com\/en\/calc\/","title":{"rendered":"Calculadora"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2671\" class=\"elementor elementor-2671\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-378a2ff elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"378a2ff\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-96436a3\" data-id=\"96436a3\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-59f12df elementor-widget elementor-widget-html\" data-id=\"59f12df\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n    input[type=\"number\"] {\r\n        border: 1px solid gray;\r\n        border-radius: 8px;\r\n        padding: 5px;\r\n    }\r\n    input[type=\"range\"] {\r\n        accent-color: yellow;\r\n        background: lightgray;\r\n    }\r\n    #total-vehicles {\r\n        font-size: 24px;\r\n    }\r\n    .vehicle-type-selectors {\r\n        display: flex;\r\n        gap: 15px;\r\n    }\r\n<\/style>\r\n\r\n<div class=\"calculator\">\r\n    <div class=\"row\">\r\n        <div class=\"input-group\">\r\n            <h2 class=\"title\">Tama\u00f1o de flota:<\/h2>\r\n            <p>\r\n                Total de veh\u00edculos:\r\n                <strong><span id=\"total-vehicles\">3<\/span><\/strong>\r\n            <\/p>\r\n        <\/div>\r\n        <div class=\"input-group\">\r\n            <h2 class=\"title\">Antig\u00fcedad media:<\/h2>\r\n            <input\r\n                type=\"range\"\r\n                id=\"fleet-age\"\r\n                min=\"2000\"\r\n                max=\"2024\"\r\n                step=\"1\"\r\n                value=\"2010\"\r\n            \/>\r\n            <span id=\"fleet-age-value\">2010<\/span>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"row\">\r\n        <div class=\"input-group\">\r\n            <h2 class=\"title\">Cantidad de veh\u00edculos:<\/h2>\r\n            <div class=\"vehicle-type-selectors\">\r\n                <div class=\"vehicle-type-selector\">\r\n                    <label for=\"combustion-count\">Combusti\u00f3n:<\/label>\r\n                    <input\r\n                        type=\"number\"\r\n                        id=\"combustion-count\"\r\n                        min=\"0\"\r\n                        value=\"1\"\r\n                        onchange=\"updateTotalVehicles()\"\r\n                    \/>\r\n                <\/div>\r\n                <div class=\"vehicle-type-selector\">\r\n                    <label for=\"electric-count\">El\u00e9ctrico:<\/label>\r\n                    <input\r\n                        type=\"number\"\r\n                        id=\"electric-count\"\r\n                        min=\"0\"\r\n                        value=\"1\"\r\n                        onchange=\"updateTotalVehicles()\"\r\n                    \/>\r\n                <\/div>\r\n                <div class=\"vehicle-type-selector\">\r\n                    <label for=\"hybrid-count\">H\u00edbrido:<\/label>\r\n                    <input\r\n                        type=\"number\"\r\n                        id=\"hybrid-count\"\r\n                        min=\"0\"\r\n                        value=\"1\"\r\n                        onchange=\"updateTotalVehicles()\"\r\n                    \/>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"row\">\r\n        <div class=\"input-group\">\r\n            <h2 class=\"title\">Comportamiento:<\/h2>\r\n            <div class=\"driving-behavior-selectors\">\r\n                <div class=\"driving-behavior-selector\">\r\n                    <label for=\"highway-percentage\">Autopista:<\/label>\r\n                    <input\r\n                        type=\"range\"\r\n                        id=\"highway-percentage\"\r\n                        min=\"0\"\r\n                        max=\"100\"\r\n                        step=\"1\"\r\n                        value=\"33\"\r\n                        onchange=\"updateBehaviorPercentage()\"\r\n                    \/>\r\n                    <span id=\"highway-percentage-value\">33%<\/span>\r\n                <\/div>\r\n                <div class=\"driving-behavior-selector\">\r\n                    <label for=\"road-percentage\">Carretera:<\/label>\r\n                    <input\r\n                        type=\"range\"\r\n                        id=\"road-percentage\"\r\n                        min=\"0\"\r\n                        max=\"100\"\r\n                        step=\"1\"\r\n                        value=\"33\"\r\n                        onchange=\"updateBehaviorPercentage()\"\r\n                    \/>\r\n                    <span id=\"road-percentage-value\">33%<\/span>\r\n                <\/div>\r\n                <div class=\"driving-behavior-selector\">\r\n                    <label for=\"city-percentage\">Ciudad:<\/label>\r\n                    <input\r\n                        type=\"range\"\r\n                        id=\"city-percentage\"\r\n                        min=\"0\"\r\n                        max=\"100\"\r\n                        step=\"1\"\r\n                        value=\"34\"\r\n                        onchange=\"updateBehaviorPercentage()\"\r\n                    \/>\r\n                    <span id=\"city-percentage-value\">34%<\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"row\">\r\n        <div class=\"input-group\">\r\n            <h2 class=\"title\">Km Anuales:<\/h2>\r\n            <input\r\n                type=\"number\"\r\n                id=\"annual-km\"\r\n                min=\"1000\"\r\n                max=\"100000\"\r\n                step=\"1000\"\r\n                value=\"1000\"\r\n                onchange=\"calculateSavings()\"\r\n            \/>\r\n            <p><em>Kilometraje promedio por veh\u00edculo<\/em><\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <button onclick=\"calculateSavings()\">Calcular Ahorro<\/button>\r\n\r\n    <p id=\"savings-result\" style=\"font-size: 20px\">\r\n        El ahorro calculado es de:\r\n        <strong><span id=\"savings-euros\">0<\/span> euros<\/strong>. Esto equivale\r\n        a aproximadamente\r\n        <strong><span id=\"savings-emissions\">0<\/span> kg<\/strong> de CO<sub\r\n            >2<\/sub\r\n        >\r\n        y al plantado de\r\n        <strong><span id=\"savings-trees\">0<\/span> \u00c1rboles<\/strong>.\r\n    <\/p>\r\n<\/div>\r\n\r\n<script>\r\n    function updateTotalVehicles() {\r\n        var combustion =\r\n            parseInt(document.getElementById(\"combustion-count\").value) || 0;\r\n        var electric =\r\n            parseInt(document.getElementById(\"electric-count\").value) || 0;\r\n        var hybrid =\r\n            parseInt(document.getElementById(\"hybrid-count\").value) || 0;\r\n        var total = combustion + electric + hybrid;\r\n        document.getElementById(\"total-vehicles\").textContent = total;\r\n    }\r\n\r\n    function calculateSavings() {\r\n        var combustion =\r\n            parseInt(document.getElementById(\"combustion-count\").value) || 0;\r\n        var electric =\r\n            parseInt(document.getElementById(\"electric-count\").value) || 0;\r\n        var hybrid =\r\n            parseInt(document.getElementById(\"hybrid-count\").value) || 0;\r\n        var total = combustion + electric + hybrid;\r\n\r\n        var kmAnuales =\r\n            parseInt(document.getElementById(\"annual-km\").value) || 0;\r\n\r\n        var highway_percentage =\r\n            parseInt(document.getElementById(\"highway-percentage\").value) || 0;\r\n        var road_percentage =\r\n            parseInt(document.getElementById(\"road-percentage\").value) || 0;\r\n        var city_percentage =\r\n            parseInt(document.getElementById(\"city-percentage\").value) || 0;\r\n\r\n        const total_km = highway_percentage + road_percentage + city_percentage;\r\n        pctYearlyHighwayKm = Number(highway_percentage \/ total_km).toFixed(2);\r\n        pctYearlyRoadKm = Number(road_percentage \/ total_km).toFixed(2);\r\n        pctYearlyCityKm = Number(city_percentage \/ total_km).toFixed(2);\r\n        \/\/ Reemplaza la URL con la del servicio HTTP externo\r\n        \/\/ Datos que se enviar\u00e1n en formato JSON\r\n        const data = {\r\n            numberOfVehicles: total,\r\n            numberOfElectricVehicles: electric,\r\n            numberOfHybridVehicles: hybrid,\r\n            numberOfCombustionVehicles: combustion,\r\n            averageYearlyKilometres: kmAnuales,\r\n            averageDailyKilometres: pctYearlyCityKm,\r\n            pctYearlyRoadKm: pctYearlyRoadKm,\r\n            pctYearlyCityKm: 0.4,\r\n            pctYearlyHighwayKm: pctYearlyHighwayKm,\r\n            userMail: \"usuario@example.com\",\r\n        };\r\n        \/\/ Reemplaza la URL por la de tu servicio HTTP externo\r\n        const server = \"https:\/\/api-dev.switchfleet.com\";\r\n        fetch(`${server}\/v1\/calculator\/basic`, {\r\n            method: \"POST\",\r\n            headers: {\r\n                \"Content-Type\": \"application\/json\",\r\n            },\r\n            body: JSON.stringify(data),\r\n        })\r\n            .then((response) => {\r\n                if (!response.ok) {\r\n                    throw new Error(\"Error en la respuesta del servidor\");\r\n                }\r\n                return response.json();\r\n            })\r\n            .then((result) => {\r\n                \/\/ Se espera que el servicio devuelva un objeto con las propiedades:\r\n                \/\/ result.euros, result.emissions y result.trees\r\n                document.getElementById(\"savings-euros\").textContent = Number(\r\n                    result.savings.amount,\r\n                ).toFixed(2);\r\n                document.getElementById(\"savings-emissions\").textContent =\r\n                    Number(result.co2Saving).toFixed(2);\r\n                document.getElementById(\"savings-trees\").textContent = Number(\r\n                    result.treeEquivalents,\r\n                ).toFixed(2);\r\n            })\r\n            .catch((error) => {\r\n                console.error(\"Se produjo un error:\", error);\r\n                \/\/ Aqu\u00ed podr\u00edas notificar al usuario del error\r\n            });\r\n    }\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dc10724 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-html\" data-id=\"dc10724\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n  input[type=\"number\"] {\n    border: 1px solid gray;\n    border-radius: 8px;\n    padding: 5px;\n  }\n  input[type=\"range\"] {\n    accent-color: yellow;\n    background: lightgray;\n  }\n  #total-vehicles {\n    font-size: 24px;\n  }\n  .vehicle-type-selectors {\n    display: flex;\n    gap: 15px;\n  }\n<\/style>\n\n<div class=\"calculator\">\n  <div class=\"row\">\n    <div class=\"input-group\">\n      <h2 class=\"title\">Tama\u00f1o de flota:<\/h2>\n      <p>Total de veh\u00edculos: <strong><span id=\"total-vehicles\">3<\/span><\/strong><\/p>\n    <\/div>\n    <div class=\"input-group\">\n      <h2 class=\"title\">Antig\u00fcedad media:<\/h2>\n      <input type=\"range\" id=\"fleet-age\" min=\"2000\" max=\"2024\" step=\"1\" value=\"2010\">\n      <span id=\"fleet-age-value\">2010<\/span>\n    <\/div>\n  <\/div>\n  \n  <div class=\"row\">\n    <div class=\"input-group\">\n      <h2 class=\"title\">Cantidad de veh\u00edculos:<\/h2>\n      <div class=\"vehicle-type-selectors\">\n        <div class=\"vehicle-type-selector\">\n          <label for=\"combustion-count\">Combusti\u00f3n:<\/label>\n          <input type=\"number\" id=\"combustion-count\" min=\"0\" value=\"1\" onchange=\"updateTotalVehicles()\">\n        <\/div>\n        <div class=\"vehicle-type-selector\">\n          <label for=\"electric-count\">El\u00e9ctrico:<\/label>\n          <input type=\"number\" id=\"electric-count\" min=\"0\" value=\"1\" onchange=\"updateTotalVehicles()\">\n        <\/div>\n        <div class=\"vehicle-type-selector\">\n          <label for=\"hybrid-count\">H\u00edbrido:<\/label>\n          <input type=\"number\" id=\"hybrid-count\" min=\"0\" value=\"1\" onchange=\"updateTotalVehicles()\">\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n  \n   <div class=\"row\">\n    <div class=\"input-group\">\n      <h2 class=\"title\">Comportamiento:<\/h2>\n      <div class=\"driving-behavior-selectors\">\n        <div class=\"driving-behavior-selector\">\n          <label for=\"highway-percentage\">Autopista:<\/label>\n          <input type=\"range\" id=\"highway-percentage\" min=\"0\" max=\"100\" step=\"1\" value=\"33\" onchange=\"updateBehaviorPercentage()\">\n          <span id=\"highway-percentage-value\">33%<\/span>\n        <\/div>\n        <div class=\"driving-behavior-selector\">\n          <label for=\"road-percentage\">Carretera:<\/label>\n          <input type=\"range\" id=\"road-percentage\" min=\"0\" max=\"100\" step=\"1\" value=\"33\" onchange=\"updateBehaviorPercentage()\">\n          <span id=\"road-percentage-value\">33%<\/span>\n        <\/div>\n        <div class=\"driving-behavior-selector\">\n          <label for=\"city-percentage\">Ciudad:<\/label>\n          <input type=\"range\" id=\"city-percentage\" min=\"0\" max=\"100\" step=\"1\" value=\"34\" onchange=\"updateBehaviorPercentage()\">\n          <span id=\"city-percentage-value\">34%<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n  \n  <div class=\"row\">\n    <div class=\"input-group\">\n      <h2 class=\"title\">Km Anuales:<\/h2>\n      <input type=\"number\" id=\"annual-km\" min=\"1000\" max=\"100000\" step=\"1000\" value=\"1000\" onchange=\"calculateSavings()\">\n      <p><em>Kilometraje promedio por veh\u00edculo<\/em><\/p>\n    <\/div>\n  <\/div>\n  \n  <button onclick=\"calculateSavings()\">Calcular Ahorro<\/button>\n  \n  <p id=\"savings-result\" style=\"font-size: 20px;\">El ahorro calculado es de: <strong><span id=\"savings-euros\">0<\/span> euros<\/strong>. Esto equivale a aproximadamente <strong><span id=\"savings-emissions\">0<\/span> kg<\/strong> de CO<sub>2<\/sub> y al plantado de <strong><span id=\"savings-trees\">0<\/span> \ud83c\udf33<\/strong>.<\/p>\n<\/div>\n\n<script>\nfunction updateTotalVehicles() {\n  var combustion = parseInt(document.getElementById(\"combustion-count\").value) || 0;\n  var electric = parseInt(document.getElementById(\"electric-count\").value) || 0;\n  var hybrid = parseInt(document.getElementById(\"hybrid-count\").value) || 0;\n  var total = combustion + electric + hybrid;\n  document.getElementById(\"total-vehicles\").textContent = total;\n}\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-672f51b elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-html\" data-id=\"672f51b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"calculator\">\r\n  <div class=\"row\">\r\n    <div class=\"input-group\">\r\n      <h2 class=\"title\">Tama\u00f1o de flota:<\/h2>\r\n      <input type=\"number\" id=\"fleet-size\" min=\"1\" value=\"1\">\r\n    <\/div>\r\n    <div class=\"input-group\">\r\n      <h2 class=\"title\">Antig\u00fcedad media:<\/h2>\r\n      <input type=\"range\" id=\"fleet-age\" min=\"2000\" max=\"2024\" step=\"1\" value=\"2010\">\r\n      <span id=\"fleet-age-value\">2010<\/span>\r\n    <\/div>\r\n  <\/div>\r\n  \r\n  <div class=\"row\">\r\n    <div class=\"input-group\">\r\n      <h2 class=\"title\">Porcentaje de veh\u00edculos:<\/h2>\r\n      <div class=\"vehicle-type-selectors\">\r\n        <div class=\"vehicle-type-selector\">\r\n          <label for=\"combustion-percentage\">Combusti\u00f3n:<\/label>\r\n          <input type=\"range\" id=\"combustion-percentage\" min=\"0\" max=\"100\" step=\"1\" value=\"33\" style=\"background-color: yellow;\" onchange=\"updateVehiclePercentage()\">\r\n          <span id=\"combustion-percentage-value\">33%<\/span>\r\n        <\/div>\r\n        <div class=\"vehicle-type-selector\">\r\n          <label for=\"electric-percentage\">El\u00e9ctrico:<\/label>\r\n          <input type=\"range\" id=\"electric-percentage\" min=\"0\" max=\"100\" step=\"1\" value=\"33\" style=\"background-color: yellow;\" onchange=\"updateVehiclePercentage()\">\r\n          <span id=\"electric-percentage-value\">33%<\/span>\r\n        <\/div>\r\n        <div class=\"vehicle-type-selector\">\r\n          <label for=\"hybrid-percentage\">H\u00edbrido:<\/label>\r\n          <input type=\"range\" id=\"hybrid-percentage\" min=\"0\" max=\"100\" step=\"1\" value=\"34\" style=\"background-color: yellow;\" onchange=\"updateVehiclePercentage()\">\r\n          <span id=\"hybrid-percentage-value\">34%<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n  \r\n  <div class=\"row\">\r\n    <div class=\"input-group\">\r\n      <h2 class=\"title\">Comportamiento:<\/h2>\r\n      <div class=\"driving-behavior-selectors\">\r\n        <div class=\"driving-behavior-selector\">\r\n          <label for=\"highway-percentage\">Autopista:<\/label>\r\n          <input type=\"range\" id=\"highway-percentage\" min=\"0\" max=\"100\" step=\"1\" value=\"33\" style=\"background-color: yellow;\" onchange=\"updateBehaviorPercentage()\">\r\n          <span id=\"highway-percentage-value\">33%<\/span>\r\n        <\/div>\r\n        <div class=\"driving-behavior-selector\">\r\n          <label for=\"road-percentage\">Carretera:<\/label>\r\n          <input type=\"range\" id=\"road-percentage\" min=\"0\" max=\"100\" step=\"1\" value=\"33\" style=\"background-color: yellow;\" onchange=\"updateBehaviorPercentage()\">\r\n          <span id=\"road-percentage-value\">33%<\/span>\r\n        <\/div>\r\n        <div class=\"driving-behavior-selector\">\r\n          <label for=\"city-percentage\">Ciudad:<\/label>\r\n          <input type=\"range\" id=\"city-percentage\" min=\"0\" max=\"100\" step=\"1\" value=\"34\" style=\"background-color: yellow;\" onchange=\"updateBehaviorPercentage()\">\r\n          <span id=\"city-percentage-value\">34%<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n  \r\n  <div class=\"row\">\r\n    <div class=\"input-group\">\r\n      <h2 class=\"title\">Km Anuales:<\/h2>\r\n      <input type=\"number\" id=\"annual-km\" min=\"1000\" max=\"100000\" step=\"1000\" value=\"1000\" onchange=\"calculateSavings()\">\r\n    <\/div>\r\n    <div class=\"input-group\">\r\n      <h2 class=\"title\">Km Diarios:<\/h2>\r\n      <input type=\"number\" id=\"daily-km\" min=\"5\" max=\"500\" step=\"5\" value=\"5\" onchange=\"calculateSavings()\">\r\n    <\/div>\r\n  <\/div>\r\n  \r\n  <button onclick=\"calculateSavings()\">Calcular Ahorro<\/button>\r\n  \r\n  <p id=\"savings-result\" style=\"font-size: 20px;\">El ahorro calculado es de: <strong><span id=\"savings-euros\">0<\/span> euros<\/strong>. Esto equivale a aproximadamente <strong><span id=\"savings-emissions\">0<\/span> kg<\/strong> de CO<sub>2<\/sub> y al plantado de <strong><span id=\"savings-trees\">0<\/span> \ud83c\udf33<\/strong>.<\/p>\r\n  \r\n\r\n\r\n<\/div>\r\n\r\n<style>\r\n.calculator {\r\n  max-width: 500px;\r\n  margin: 0 auto;\r\n}\r\n\r\n.row {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.input-group {\r\n  flex: 1;\r\n}\r\n\r\n.title {\r\n  font-weight: bold;\r\n  font-size: 18px;\r\n}\r\n\r\nlabel, select, button {\r\n  display: block;\r\n  margin-bottom: 10px;\r\n}\r\n\r\ninput[type=\"number\"], input[type=\"range\"] {\r\n  display: block;\r\n  margin-bottom: 10px;\r\n}\r\n\r\nbutton {\r\n  background-color: #E5D200 !important;\r\n  color: #000;\r\n  border: none;\r\n  padding: 10px;\r\n  cursor: pointer;\r\n}\r\n\r\nbutton:hover {\r\n  background-color: #B6A400 !important;\r\n}\r\n\r\n.vehicle-type-selectors, .driving-behavior-selectors {\r\n  display: flex;\r\n  justify-content: space-between;\r\n}\r\n\r\n.vehicle-type-selector, .driving-behavior-selector {\r\n  flex: 1;\r\n}\r\n<\/style>\r\n\r\n<script>\r\n\/\/ Funci\u00f3n para actualizar los valores de los rangos de porcentaje de veh\u00edculos\r\nfunction updateVehiclePercentage() {\r\n  var combustionPercentage = parseInt(document.getElementById(\"combustion-percentage\").value);\r\n  var electricPercentage = parseInt(document.getElementById(\"electric-percentage\").value);\r\n  var hybridPercentage = parseInt(document.getElementById(\"hybrid-percentage\").value);\r\n  \r\n  var totalPercentage = combustionPercentage + electricPercentage + hybridPercentage;\r\n  if (totalPercentage > 100) {\r\n    var diff = totalPercentage - 100;\r\n    if (combustionPercentage >= diff) {\r\n      combustionPercentage -= diff;\r\n    } else if (electricPercentage >= diff) {\r\n      electricPercentage -= diff;\r\n    } else {\r\n      hybridPercentage -= diff;\r\n    }\r\n  }\r\n  \r\n  document.getElementById(\"combustion-percentage\").value = combustionPercentage;\r\n  document.getElementById(\"electric-percentage\").value = electricPercentage;\r\n  document.getElementById(\"hybrid-percentage\").value = hybridPercentage;\r\n  \r\n  document.getElementById(\"combustion-percentage-value\").textContent = combustionPercentage + \"%\";\r\n  document.getElementById(\"electric-percentage-value\").textContent = electricPercentage + \"%\";\r\n  document.getElementById(\"hybrid-percentage-value\").textContent = hybridPercentage + \"%\";\r\n}\r\n\r\n\/\/ Funci\u00f3n para actualizar los valores de los rangos de porcentaje de comportamiento\r\nfunction updateBehaviorPercentage() {\r\n  var highwayPercentage = parseInt(document.getElementById(\"highway-percentage\").value);\r\n  var roadPercentage = parseInt(document.getElementById(\"road-percentage\").value);\r\n  var cityPercentage = parseInt(document.getElementById(\"city-percentage\").value);\r\n  \r\n  var totalPercentage = highwayPercentage + roadPercentage + cityPercentage;\r\n  if (totalPercentage > 100) {\r\n    var diff = totalPercentage - 100;\r\n    if (cityPercentage >= diff) {\r\n      cityPercentage -= diff;\r\n    } else if (roadPercentage >= diff) {\r\n      roadPercentage -= diff;\r\n    } else {\r\n      highwayPercentage -= diff;\r\n    }\r\n  }\r\n  \r\n  document.getElementById(\"highway-percentage\").value = highwayPercentage;\r\n  document.getElementById(\"road-percentage\").value = roadPercentage;\r\n  document.getElementById(\"city-percentage\").value = cityPercentage;\r\n  \r\n  document.getElementById(\"highway-percentage-value\").textContent = highwayPercentage + \"%\";\r\n  document.getElementById(\"road-percentage-value\").textContent = roadPercentage + \"%\";\r\n  document.getElementById(\"city-percentage-value\").textContent = cityPercentage + \"%\";\r\n}\r\n\r\n\/\/ Funci\u00f3n para calcular el ahorro\r\nfunction calculateSavings() {\r\n  var fleetSize = parseInt(document.getElementById(\"fleet-size\").value);\r\n  var fleetAge = parseInt(document.getElementById(\"fleet-age\").value);\r\n  var combustionPercentage = parseInt(document.getElementById(\"combustion-percentage\").value) \/ 100;\r\n  var electricPercentage = parseInt(document.getElementById(\"electric-percentage\").value) \/ 100;\r\n  var hybridPercentage = parseInt(document.getElementById(\"hybrid-percentage\").value) \/ 100;\r\n  var highwayPercentage = parseInt(document.getElementById(\"highway-percentage\").value) \/ 100;\r\n  var roadPercentage = parseInt(document.getElementById(\"road-percentage\").value) \/ 100;\r\n  var cityPercentage = parseInt(document.getElementById(\"city-percentage\").value) \/ 100;\r\n  var annualKm = parseInt(document.getElementById(\"annual-km\").value);\r\n  var dailyKm = parseInt(document.getElementById(\"daily-km\").value);\r\n  \r\n  \/\/ Calcular el ahorro en euros\r\n  var savingsEuros = fleetSize * fleetAge * combustionPercentage * electricPercentage * hybridPercentage * highwayPercentage * roadPercentage * cityPercentage * annualKm * dailyKm;\r\n  \r\n  \/\/ Calcular el ahorro en emisiones (kg CO2)\r\n  var emissionsSaved = (combustionPercentage * 2.3 + electricPercentage * 0.3 + hybridPercentage * 1.6) * annualKm * fleetSize;\r\n  \r\n  \/\/ Calcular la equivalencia en \u00e1rboles (1 \u00e1rbol absorbe aproximadamente 21.77 kg CO2 por a\u00f1o)\r\n  var treesSaved = emissionsSaved \/ 21.77;\r\n  \r\n  \/\/ Mostrar los resultados\r\n  document.getElementById(\"savings-euros\").textContent = savingsEuros.toFixed(2);\r\n  document.getElementById(\"savings-emissions\").textContent = emissionsSaved.toFixed(2);\r\n  document.getElementById(\"savings-trees\").textContent = treesSaved.toFixed(2);\r\n}\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-15f540a elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"15f540a\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-04bc31d\" data-id=\"04bc31d\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d896424 elementor-widget elementor-widget-image\" data-id=\"d896424\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"715\" height=\"574\" src=\"https:\/\/www.switchfleet.com\/comp\/uploads\/Calculadora.png\" class=\"attachment-large size-large wp-image-4664\" alt=\"Calculadora Switch Fleet\" srcset=\"https:\/\/www.switchfleet.com\/comp\/uploads\/Calculadora.png.webp 715w, https:\/\/www.switchfleet.com\/comp\/uploads\/Calculadora-300x241.png.webp 300w\" sizes=\"(max-width: 715px) 100vw, 715px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Tama\u00f1o de flota: Total de veh\u00edculos: 3 Antig\u00fcedad media: 2010 Cantidad de veh\u00edculos: Combusti\u00f3n: El\u00e9ctrico: H\u00edbrido: Comportamiento: Autopista: 33% Carretera: 33% Ciudad: 34% Km Anuales: Kilometraje promedio por veh\u00edculo Calcular Ahorro El ahorro calculado es de: 0 euros. Esto equivale a aproximadamente 0 kg de CO2 y al plantado de 0 \u00c1rboles. Tama\u00f1o de flota: [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"content-type":"","ocean_post_layout":"","ocean_both_sidebars_style":"","ocean_both_sidebars_content_width":0,"ocean_both_sidebars_sidebars_width":0,"ocean_sidebar":"","ocean_second_sidebar":"","ocean_disable_margins":"enable","ocean_add_body_class":"","ocean_shortcode_before_top_bar":"","ocean_shortcode_after_top_bar":"","ocean_shortcode_before_header":"","ocean_shortcode_after_header":"","ocean_has_shortcode":"","ocean_shortcode_after_title":"","ocean_shortcode_before_footer_widgets":"","ocean_shortcode_after_footer_widgets":"","ocean_shortcode_before_footer_bottom":"","ocean_shortcode_after_footer_bottom":"","ocean_display_top_bar":"default","ocean_display_header":"default","ocean_header_style":"","ocean_center_header_left_menu":"","ocean_custom_header_template":"","ocean_custom_logo":0,"ocean_custom_retina_logo":0,"ocean_custom_logo_max_width":0,"ocean_custom_logo_tablet_max_width":0,"ocean_custom_logo_mobile_max_width":0,"ocean_custom_logo_max_height":0,"ocean_custom_logo_tablet_max_height":0,"ocean_custom_logo_mobile_max_height":0,"ocean_header_custom_menu":"","ocean_menu_typo_font_family":"","ocean_menu_typo_font_subset":"","ocean_menu_typo_font_size":0,"ocean_menu_typo_font_size_tablet":0,"ocean_menu_typo_font_size_mobile":0,"ocean_menu_typo_font_size_unit":"px","ocean_menu_typo_font_weight":"","ocean_menu_typo_font_weight_tablet":"","ocean_menu_typo_font_weight_mobile":"","ocean_menu_typo_transform":"","ocean_menu_typo_transform_tablet":"","ocean_menu_typo_transform_mobile":"","ocean_menu_typo_line_height":0,"ocean_menu_typo_line_height_tablet":0,"ocean_menu_typo_line_height_mobile":0,"ocean_menu_typo_line_height_unit":"","ocean_menu_typo_spacing":0,"ocean_menu_typo_spacing_tablet":0,"ocean_menu_typo_spacing_mobile":0,"ocean_menu_typo_spacing_unit":"","ocean_menu_link_color":"","ocean_menu_link_color_hover":"","ocean_menu_link_color_active":"","ocean_menu_link_background":"","ocean_menu_link_hover_background":"","ocean_menu_link_active_background":"","ocean_menu_social_links_bg":"","ocean_menu_social_hover_links_bg":"","ocean_menu_social_links_color":"","ocean_menu_social_hover_links_color":"","ocean_disable_title":"default","ocean_disable_heading":"default","ocean_post_title":"","ocean_post_subheading":"","ocean_post_title_style":"","ocean_post_title_background_color":"","ocean_post_title_background":0,"ocean_post_title_bg_image_position":"","ocean_post_title_bg_image_attachment":"","ocean_post_title_bg_image_repeat":"","ocean_post_title_bg_image_size":"","ocean_post_title_height":0,"ocean_post_title_bg_overlay":0.5,"ocean_post_title_bg_overlay_color":"","ocean_disable_breadcrumbs":"default","ocean_breadcrumbs_color":"","ocean_breadcrumbs_separator_color":"","ocean_breadcrumbs_links_color":"","ocean_breadcrumbs_links_hover_color":"","ocean_display_footer_widgets":"default","ocean_display_footer_bottom":"default","ocean_custom_footer_template":"","footnotes":""},"class_list":["post-2671","page","type-page","status-publish","hentry","entry"],"_links":{"self":[{"href":"https:\/\/www.switchfleet.com\/en\/wp-json\/wp\/v2\/pages\/2671","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.switchfleet.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.switchfleet.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.switchfleet.com\/en\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.switchfleet.com\/en\/wp-json\/wp\/v2\/comments?post=2671"}],"version-history":[{"count":24,"href":"https:\/\/www.switchfleet.com\/en\/wp-json\/wp\/v2\/pages\/2671\/revisions"}],"predecessor-version":[{"id":4673,"href":"https:\/\/www.switchfleet.com\/en\/wp-json\/wp\/v2\/pages\/2671\/revisions\/4673"}],"wp:attachment":[{"href":"https:\/\/www.switchfleet.com\/en\/wp-json\/wp\/v2\/media?parent=2671"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}