{"id":18992,"date":"2023-05-26T14:34:06","date_gmt":"2023-05-26T18:34:06","guid":{"rendered":"https:\/\/roadwarrior-inc.com\/?page_id=18992"},"modified":"2023-09-07T15:23:35","modified_gmt":"2023-09-07T19:23:35","slug":"battery-savings-calculator","status":"publish","type":"page","link":"https:\/\/roadwarrior-inc.com\/battery-savings-calculator\/","title":{"rendered":"LightningVolt Fuel Savings Calculator"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"18992\" class=\"elementor elementor-18992\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-21e04bd7 e-flex e-con-boxed e-con e-parent\" data-id=\"21e04bd7\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f2dbf6f elementor-widget elementor-widget-global elementor-global-20857 elementor-widget-shortcode\" data-id=\"f2dbf6f\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-shortcode\">    <nav class=\"th-block-header__breadcrumb woocommerce-breadcrumb woocommerce-breadcrumb--with-title\">\r\n        <ol>\r\n            <li><div><span><a href=\"https:\/\/roadwarrior-inc.com\">Home<\/a><\/span><\/div><\/li><li><div><span><a href=\"https:\/\/roadwarrior-inc.com\/battery-savings-calculator\/\">LightningVolt Fuel Savings Calculator<\/a><\/span><\/div><\/li>        <\/ol>\r\n    <\/nav>\r\n    <\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d0a04d9 e-flex e-con-boxed e-con e-parent\" data-id=\"d0a04d9\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-f51930c e-con-full box-shadow e-flex e-con e-parent\" data-id=\"f51930c\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c3a917c elementor-widget elementor-widget-html\" data-id=\"c3a917c\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\r\n    <div class=\"toggle-button-container\">\r\n      <div class=\"toggle-title\">\r\n         <h4>Currency<\/h4>\r\n      <\/div>        \r\n      <div class=\"toggle-buttons\">\r\n        <button id=\"usd-btn\" class=\"toggle-btn active\">USD<\/button>\r\n        <button id=\"cad-btn\" class=\"toggle-btn\">CAD<\/button>\r\n      <\/div>\r\n    <\/div>\r\n    <form class=\"cost-calculator-container\" id=\"battery-calculator-form\">\r\n      <table>\r\n        <tbody>\r\n          <tr>\r\n            <th><label for=\"diesel-cost\">Diesel Cost per Litre<\/label><\/th>\r\n            <td>\r\n              <input\r\n                class=\"userBatInput\"\r\n                type=\"text\"\r\n                id=\"diesel-cost\"\r\n                value=\"1.9\"\r\n                step=\"0.01\"\r\n                placeholder=\"Fuel Cost\"\r\n                min=\"0\"\r\n                required=\"\"\r\n              \/>\r\n              <input\r\n                class=\"slider\"\r\n                type=\"range\"\r\n                id=\"diesel-cost-slider\"\r\n                value=\"1.9\"\r\n                step=\"0.01\"\r\n                min=\"0\"\r\n                max=\"10\"\r\n              \/>\r\n            <\/td>\r\n          <\/tr>\r\n          <tr>\r\n            <th><label for=\"idling-hours\">Idling Hours<\/label><\/th>\r\n            <td>\r\n              <input\r\n                class=\"userBatInput\"\r\n                type=\"number\"\r\n                id=\"idling-hours\"\r\n                value=\"7\"\r\n                step=\"0.5\"\r\n                placeholder=\"Hours\"\r\n                min=\"0\"\r\n                required=\"\"\r\n              \/>\r\n              <input\r\n                class=\"slider\"\r\n                type=\"range\"\r\n                id=\"idling-hours-slider\"\r\n                value=\"8\"\r\n                step=\"0.5\"\r\n                min=\"0\"\r\n                max=\"24\"\r\n              \/>\r\n            <\/td>\r\n          <\/tr>\r\n          <tr>\r\n            <th><label for=\"days-on-road\">Days on the Road<\/label><\/th>\r\n            <td>\r\n              <input\r\n                class=\"userBatInput\"\r\n                type=\"number\"\r\n                id=\"days-on-road\"\r\n                value=\"200\"\r\n                step=\"1\"\r\n                placeholder=\"Days\"\r\n                min=\"0\"\r\n                required=\"\"\r\n              \/>\r\n              <input\r\n                class=\"slider\"\r\n                type=\"range\"\r\n                id=\"days-on-road-slider\"\r\n                value=\"200\"\r\n                step=\"1\"\r\n                min=\"0\"\r\n                max=\"365\"\r\n              \/>\r\n            <\/td>\r\n          <\/tr>\r\n          <tr style=\"display: none\">\r\n            <th><label for=\"battery-cost\">Battery Cost<\/label><\/th>\r\n            <td>\r\n              <input\r\n                type=\"number\"\r\n                id=\"battery-cost\"\r\n                value=\"818\"\r\n                step=\"1\"\r\n                placeholder=\"Battery Cost\"\r\n                min=\"0\"\r\n                required=\"\"\r\n              \/>\r\n            <\/td>\r\n          <\/tr>\r\n          <tr style=\"display: none\">\r\n            <th><label for=\"battery-life\">Battery Quantity<\/label><\/th>\r\n            <td>\r\n              <input\r\n                type=\"number\"\r\n                id=\"battery-quantity\"\r\n                value=\"1\"\r\n                step=\"1\"\r\n                placeholder=\"Quantity\"\r\n                min=\"0\"\r\n                required=\"\"\r\n              \/>\r\n            <\/td>\r\n          <\/tr>\r\n        <\/tbody>\r\n      <\/table>\r\n    <\/form>\r\n    <div class=\"cost-benefit-payback-container\">\r\n      <div class=\"cost-savings-container\">\r\n        <span class=\"cost-calculator-battery-cost-text\">\r\n          Annual Fuel Savings:\r\n        <\/span>\r\n        <span class=\"cost-calculator-battery-cost-amount\">\r\n          <span id=\"battery-calc-cost\">$12160.00<\/span>\r\n        <\/span>\r\n      <\/div>\r\n      <div class=\"cost-benefit-payback-time\">\r\n        <span class=\"cost-benefit-payback-time-text\">\r\n          A LightningVolt upgrade pays for itself in:\r\n        <\/span>\r\n        <span class=\"cost-benefit-payback-time-amount\">\r\n          <!--<p><span id=\"payback-days\">0<\/span> Days<\/p>-->\r\n          <!--<p><span id=\"payback-weeks\">0<\/span> Weeks<\/p>-->\r\n          <p><span id=\"payback-months\">0<\/span> Months<\/p>\r\n        <\/span>\r\n      <\/div>\r\n    <\/div>\r\n    <div\r\n      id=\"expected-payback-table\"\r\n      class=\"expected-payback-table-container responsive-table\"\r\n    >\r\n      <table border=\"1\">\r\n        <!--<caption>Expected Pay back table<\/caption>-->\r\n        <thead>\r\n          <tr>\r\n            <th rowspan=\"2\">Expected Pay back*<\/th>\r\n            <th rowspan=\"2\">Years In operation<\/th>\r\n          <\/tr>\r\n        <\/thead>\r\n        <tbody><\/tbody>\r\n      <\/table>\r\n      <div class=\"chart-container\">\r\n        <canvas id=\"paybackChart\" width=\"300\" height=\"200\"><\/canvas>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"disclaimer-container\">\r\n      <p>\r\n        <sup>*includes cost of LightningVolt @ regular retail price.<\/sup>\r\n      <\/p>\r\n    <\/div>\r\n    <div\r\n      id=\"idling-hours-cost-table\"\r\n      class=\"idling-hours-cost-table-container responsive-table\"\r\n    >\r\n      <table border=\"1\">\r\n        <!--<caption>Days on the road<\/caption>-->\r\n        <thead>\r\n          <tr>\r\n            <th rowspan=\"2\">Fuel cost<\/th>\r\n            <th rowspan=\"2\">Hours idling<\/th>\r\n            <th colspan=\"6\">Days<\/th>\r\n          <\/tr>\r\n          <tr>\r\n            <th>50<\/th>\r\n            <th>100<\/th>\r\n            <th>150<\/th>\r\n            <th>200<\/th>\r\n            <th>250<\/th>\r\n            <th>300<\/th>\r\n          <\/tr>\r\n        <\/thead>\r\n        <tbody><\/tbody>\r\n      <\/table>\r\n      <canvas id=\"fuelCostChart\" width=\"800\" height=\"400\"><\/canvas>\r\n    <\/div>\r\n    <div class=\"disclaimer-container\">\r\n      <p>\r\n        LightningVolt Pay Back! Based on retail cost of\r\n        <span id=\"disclaimer-battery-qty\"><\/span> batteries @\r\n        <span id=\"disclaimer-battery-cost\"><\/span>\r\n      <\/p>\r\n    <\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d5b1c3c elementor-widget elementor-widget-html\" data-id=\"d5b1c3c\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\r\n<script>\r\n\r\n\r\nconst result = {\r\n  annualSavings: 0,\r\n  paybackPeriodDays: 0,\r\n  paybackPeriodWeeks: 0,\r\n  paybackPeriodMonths: 0,\r\n  totalBatteryCost: 0,\r\n};\r\n\r\n\/\/ Create a custom change event\r\nconst changeEvent = new Event(\"input\");\r\n\r\nlet defaultCurrency = 'USD';\r\n\r\nconst usdPricing = {\r\n  dieselCost:  4.34,\r\n  batteryPricing: 818,\r\n  dieselCostTitle: 'Diesel Cost per Gallon'\r\n}\r\n\r\nconst cadPricing = {\r\n  dieselCost:  1.55,\r\n  batteryPricing: 1069.50,\r\n  dieselCostTitle: 'Diesel Cost per Litre'\r\n}\r\n\r\nconst usdBtn = document.getElementById('usd-btn');\r\nconst cadBtn = document.getElementById('cad-btn');\r\n\r\nusdBtn.addEventListener('click', function() {\r\n    defaultCurrency = 'USD';\r\n    usdBtn.classList.add('active');\r\n    cadBtn.classList.remove('active');\r\n    handleInputChange();\r\n});\r\n\r\ncadBtn.addEventListener('click', function() {\r\n    defaultCurrency = 'CAD';\r\n    cadBtn.classList.add('active');\r\n    usdBtn.classList.remove('active');\r\n    handleInputChange();\r\n});\r\n\r\nlet chart = null;\r\nlet chart2 = null;\r\n\r\nfunction calculateSavings(\r\n  dieselCost,\r\n  idlingCost,\r\n  daysOnRoad,\r\n  batteryCost,\r\n  batteryQuantity\r\n) {\r\n  \/\/ Perform calculations based on input values\r\n  \/\/ Example: const savings = (dieselCost * idlingCost * daysOnRoad) - (batteryCost * batteryQuantity);\r\n  const savings = dieselCost * idlingCost * daysOnRoad * batteryQuantity;\r\n  const totalBatteryCost = batteryCost * batteryQuantity;\r\n  const paybackPeriodDays = totalBatteryCost \/ (savings \/ daysOnRoad);\r\n  result.totalBatteryCost = totalBatteryCost;\r\n  result.annualSavings = savings;\r\n  result.paybackPeriodDays = paybackPeriodDays;\r\n  result.paybackPeriodWeeks = paybackPeriodDays \/ 7;\r\n  result.paybackPeriodMonths = paybackPeriodDays \/ 30.5;\r\n  return result;\r\n}\r\n\r\nfunction handleInputChange(dieselCost = defaultCurrency === 'CAD' ? cadPricing.dieselCost : usdPricing.dieselCost) {\r\n  \r\n  \/\/ Get input values\r\n  const dieselCostElm = document.getElementById('diesel-cost');\r\n  dieselCostElm.value = dieselCost;\r\n  const slider = document.getElementById(\"diesel-cost-slider\");\r\n  updateSlide(slider, dieselCostElm);\r\n  slider.value = dieselCost;\r\n  const idlingCost = parseFloat(document.getElementById(\"idling-hours\").value);\r\n  const daysOnRoad = parseInt(document.getElementById(\"days-on-road\").value);\r\n  const batteryCost = defaultCurrency === 'CAD' ? cadPricing.batteryPricing : usdPricing.batteryPricing;\r\n  const batteryQuantity = parseInt(\r\n    document.getElementById(\"battery-quantity\").value\r\n  );\r\n\r\n  if(defaultCurrency === 'CAD') {\r\n    document.querySelector('label[for=\"diesel-cost\"]').textContent = cadPricing.dieselCostTitle;\r\n  } else {\r\n    document.querySelector('label[for=\"diesel-cost\"]').textContent = usdPricing.dieselCostTitle;\r\n  }\r\n\r\n  if (\r\n    isNaN(dieselCost) ||\r\n    isNaN(idlingCost) ||\r\n    isNaN(daysOnRoad) ||\r\n    isNaN(batteryCost) ||\r\n    isNaN(batteryQuantity)\r\n  ) {\r\n    return;\r\n  }\r\n\r\n  \/\/ Call the calculateSavings() function with input values\r\n  const resultObj = calculateSavings(\r\n    dieselCost,\r\n    idlingCost,\r\n    daysOnRoad,\r\n    batteryCost,\r\n    batteryQuantity\r\n  );\r\n\r\n  document.getElementById(\r\n    \"battery-calc-cost\"\r\n  ).innerHTML = ` $${(result.annualSavings.toLocaleString('en-US', {minimumFractionDigits: 2, maximumFractionDigits: 2}))}`;\r\n  \/\/   document.getElementById(\"payback-days\").innerHTML = `${resultObj.paybackPeriodDays.toFixed(0)}`;\r\n  \/\/   document.getElementById(\"payback-weeks\").innerHTML = `${resultObj.paybackPeriodWeeks.toFixed(0)}`;\r\n  document.getElementById(\r\n    \"payback-months\"\r\n  ).innerHTML = `${resultObj.paybackPeriodMonths.toFixed(1)}`;\r\n\r\n  document.getElementById(\r\n    \"disclaimer-battery-qty\"\r\n  ).innerHTML = `${batteryQuantity}`;\r\n  document.getElementById(\"disclaimer-battery-cost\").innerHTML = `$ ${(\r\n    batteryQuantity * batteryCost\r\n  ).toLocaleString(\"en-US\")}`;\r\n\r\n  \/\/ render expected payback years\r\n  const yearsInOperation = 10;\r\n  document.querySelector(\"#expected-payback-table table tbody\").innerHTML = \"\";\r\n  const dataForChart = [];\r\n  function renderExpectedPayBackTableRow(year, paybackAmount) {\r\n    dataForChart.push({\r\n      expectedPayback: parseInt(paybackAmount.replace(\/[^0-9.]+\/g, \"\")),\r\n      yearsInOperation: year,\r\n    });\r\n    const template = `\r\n    <tr>\r\n      <td data-label=\"Payback Amount\">$ ${paybackAmount}<\/td>\r\n      <td data-label=\"Year\">${year}<\/td>\r\n    <\/tr>\r\n    `;\r\n    return template;\r\n  }\r\n  for (let i = 0; i < yearsInOperation; i++) {\r\n    const year = i + 1;\r\n    const paybackAmount = (\r\n      resultObj.annualSavings * year -\r\n      resultObj.totalBatteryCost\r\n    ).toLocaleString(\"en-US\");\r\n    const template = renderExpectedPayBackTableRow(year, paybackAmount);\r\n    document.querySelector(\"#expected-payback-table table tbody\").innerHTML +=\r\n      template;\r\n  }\r\n\r\n  if (chart) {\r\n    chart.destroy();\r\n  }\r\n\r\n  const ctx = document.getElementById(\"paybackChart\").getContext(\"2d\");\r\n  chart = new Chart(ctx, {\r\n    type: \"line\",\r\n    data: {\r\n      labels: dataForChart.map((item) => item.yearsInOperation),\r\n      datasets: [\r\n        {\r\n          label: \"Expected Payback\",\r\n          data: dataForChart.map((item) => item.expectedPayback),\r\n          borderColor: \"rgba(204, 32, 46, 1)\",\r\n          backgroundColor: \"rgba(204, 32, 46, 0.6)\",\r\n          borderWidth: 2,\r\n        },\r\n      ],\r\n    },\r\n    options: {\r\n      scales: {\r\n        x: {\r\n          title: {\r\n            display: true,\r\n            text: \"Years In Operation\",\r\n          },\r\n        },\r\n        y: {\r\n          title: {\r\n            display: true,\r\n            text: \"Expected Payback\",\r\n          },\r\n        },\r\n      },\r\n    },\r\n  });\r\n\r\n  \/\/ render days on the road payback\r\n  document.querySelector(\"#idling-hours-cost-table table tbody\").innerHTML = \"\";\r\n  const idlingHours = [3, 4, 5, 6, 7, 8, 9, 10, 11, 12];\r\n  const daysOnRoadArray = [50, 100, 150, 200, 250, 300];\r\n  daysOnRoadChartData = [];\r\n\r\n  function renderDaysOnRoadTableRow(fuelCost, idlingHours, batteryQuantity) {\r\n    obj = {};\r\n    rowData = [];\r\n    for (let days of daysOnRoadArray) {\r\n      obj[days] = (\r\n        fuelCost *\r\n        idlingHours *\r\n        days *\r\n        batteryQuantity\r\n      ).toLocaleString(\"en-US\");\r\n      rowData.push(fuelCost * idlingHours * days * batteryQuantity);\r\n    }\r\n    daysOnRoadChartData.push(rowData);\r\n    const template = `\r\n    <tr>\r\n      <td data-label=\"Fuel Cost\">$ ${fuelCost}<\/td>\r\n      <td data-label=\"Idling Hours\">${idlingHours}<\/td>\r\n      <td data-label=\"Idling Hours 50\">$ ${obj[50]}<\/td>\r\n      <td data-label=\"Idling Hours 100\">$ ${obj[100]}<\/td>\r\n      <td data-label=\"Idling Hours 150\">$ ${obj[150]}<\/td>\r\n      <td data-label=\"Idling Hours 200\">$ ${obj[200]}<\/td>\r\n      <td data-label=\"Idling Hours 250\">$ ${obj[250]}<\/td>\r\n      <td data-label=\"Idling Hours 300\">$ ${obj[300]}<\/td>\r\n    <\/tr>\r\n    `;\r\n    return template;\r\n  }\r\n\r\n  for (let hours of idlingHours) {\r\n    const template = renderDaysOnRoadTableRow(\r\n      dieselCost,\r\n      hours,\r\n      batteryQuantity\r\n    );\r\n    document.querySelector(\"#idling-hours-cost-table table tbody\").innerHTML +=\r\n      template;\r\n  }\r\n\r\n  if (chart2) {\r\n    chart2.destroy();\r\n  }\r\n\r\n  const ctx2 = document.getElementById(\"fuelCostChart\").getContext(\"2d\");\r\n  chart2 = new Chart(ctx2, {\r\n    type: \"line\",\r\n    data: {\r\n      labels: daysOnRoadArray,\r\n      datasets: idlingHours.map((hours, index) => ({\r\n        label: `${hours} hours idling`,\r\n        data: daysOnRoadChartData[index],\r\n        backgroundColor: `rgba(${210 - (index + 1) * 9}, ${32}, ${46}, 0.7)`,\r\n        borderColor: `rgba(${204}, ${32}, ${46}, 1)`,\r\n        borderWidth: 1,\r\n      })),\r\n    },\r\n    options: {\r\n      responsive: true,\r\n      scales: {\r\n        x: {\r\n          title: {\r\n            display: true,\r\n            text: \"Days on the Road\",\r\n          },\r\n        },\r\n        y: {\r\n          title: {\r\n            display: true,\r\n            text: `Fuel Cost (at $${dieselCost} per Litre)`,\r\n          },\r\n          beginAtZero: true,\r\n        },\r\n      },\r\n    },\r\n  });\r\n}\r\n\r\n\r\nfunction enforceNonNegative(inputElement) {\r\n  if (parseFloat(inputElement.value) < 0) {\r\n    inputElement.value = 0;\r\n  }\r\n}\r\n\r\ndocument.getElementById(\"diesel-cost\").addEventListener(\"input\", function (e) {\r\n  enforceNonNegative(e.target);\r\n  const slider = document.getElementById(\"diesel-cost-slider\");\r\n  slider.value = e.target.value;\r\n  handleInputChange(e.target.value);\r\n});\r\n\r\ndocument.getElementById(\"idling-hours\").addEventListener(\"input\", function (e) {\r\n  enforceNonNegative(e.target);\r\n  const slider = document.getElementById(\"idling-hours-slider\");\r\n  slider.value = e.target.value;\r\n  handleInputChange();\r\n});\r\n\r\ndocument.getElementById(\"days-on-road\").addEventListener(\"input\", function (e) {\r\n  enforceNonNegative(e.target);\r\n  const slider = document.getElementById(\"days-on-road-slider\");\r\n  slider.value = e.target.value;\r\n  handleInputChange();\r\n});\r\n\r\ndocument.getElementById(\"battery-cost\").addEventListener(\"input\", function (e) {\r\n  enforceNonNegative(e.target);\r\n  handleInputChange();\r\n});\r\n\r\ndocument\r\n  .getElementById(\"battery-quantity\")\r\n  .addEventListener(\"input\", function (e) {\r\n    enforceNonNegative(e.target);\r\n    handleInputChange();\r\n  });\r\n\r\ndocument\r\n  .getElementById(\"diesel-cost-slider\")\r\n  .addEventListener(\"input\", function (event) {\r\n    const inputField = document.getElementById(\"diesel-cost\");\r\n    inputField.value = event.target.value;\r\n    inputField.dispatchEvent(changeEvent);\r\n  });\r\n\r\ndocument\r\n  .getElementById(\"idling-hours-slider\")\r\n  .addEventListener(\"input\", function (event) {\r\n    const inputField = document.getElementById(\"idling-hours\");\r\n    inputField.value = event.target.value;\r\n    inputField.dispatchEvent(changeEvent);\r\n  });\r\n\r\ndocument\r\n  .getElementById(\"days-on-road-slider\")\r\n  .addEventListener(\"input\", function (event) {\r\n    const inputField = document.getElementById(\"days-on-road\");\r\n    inputField.value = event.target.value;\r\n    inputField.dispatchEvent(changeEvent);\r\n  });\r\n\r\nfunction updateSlide(slider, input) {\r\n  slider.value = input.value;\r\n  var value = ((slider.value - slider.min) \/ (slider.max - slider.min)) * 100;\r\n  slider.style.background =\r\n    \"linear-gradient(to right, #cc202e 0%, #cc202e \" +\r\n    value +\r\n    \"%, rgb(226 226 226) \" +\r\n    value +\r\n    \"%, rgb(226 226 226) 100%)\";\r\n}\r\n\r\nvar sliders = document.querySelectorAll(\".slider\");\r\nvar inputs = document.querySelectorAll(\".userBatInput\");\r\n\r\nsliders.forEach(function (slider) {\r\n  var input = slider.previousElementSibling; \/\/ assuming the input is the next sibling of the slider\r\n  updateSlide(slider, input);\r\n  input.oninput = function () {\r\n    updateSlide(slider, this);\r\n  };\r\n});\r\n\r\ninputs.forEach(function (input) {\r\n  var slider = input.nextElementSibling; \/\/ assuming the slider is the previous sibling of the input\r\n  updateSlide(slider, input);\r\n  slider.oninput = function () {\r\n    updateSlide(this, input);\r\n  };\r\n});\r\n\r\n\/\/ Call the handleInputChange function initially to calculate with default values\r\nhandleInputChange();\r\n\r\n\r\n\r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Currency USD CAD Diesel Cost per Litre Idling Hours Days on the Road Battery Cost Battery Quantity Annual Fuel Savings: $12160.00 A LightningVolt upgrade pays for itself in: 0 Months Expected Pay back* Years In operation *includes cost of LightningVolt @ regular retail price. Fuel cost Hours idling Days 50 100 150 200 250 300 [&hellip;]<\/p>\n","protected":false},"author":5,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"inline_featured_image":false,"footnotes":""},"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v22.6 (Yoast SEO v22.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>LightningVolt Fuel Savings Calculator - Roadwarrior<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/roadwarrior-inc.com\/battery-savings-calculator\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"LightningVolt Fuel Savings Calculator\" \/>\n<meta property=\"og:description\" content=\"Currency USD CAD Diesel Cost per Litre Idling Hours Days on the Road Battery Cost Battery Quantity Annual Fuel Savings: $12160.00 A LightningVolt upgrade pays for itself in: 0 Months Expected Pay back* Years In operation *includes cost of LightningVolt @ regular retail price. Fuel cost Hours idling Days 50 100 150 200 250 300 [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/roadwarrior-inc.com\/battery-savings-calculator\/\" \/>\n<meta property=\"og:site_name\" content=\"Roadwarrior\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Roadwarrior.Inc\/\" \/>\n<meta property=\"article:modified_time\" content=\"2023-09-07T19:23:35+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/roadwarrior-inc.com\/battery-savings-calculator\/\",\"url\":\"https:\/\/roadwarrior-inc.com\/battery-savings-calculator\/\",\"name\":\"LightningVolt Fuel Savings Calculator - Roadwarrior\",\"isPartOf\":{\"@id\":\"https:\/\/roadwarrior-inc.com\/#website\"},\"datePublished\":\"2023-05-26T18:34:06+00:00\",\"dateModified\":\"2023-09-07T19:23:35+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/roadwarrior-inc.com\/battery-savings-calculator\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/roadwarrior-inc.com\/battery-savings-calculator\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/roadwarrior-inc.com\/battery-savings-calculator\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/roadwarrior-inc.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"LightningVolt Fuel Savings Calculator\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/roadwarrior-inc.com\/#website\",\"url\":\"https:\/\/roadwarrior-inc.com\/\",\"name\":\"Roadwarrior Inc\",\"description\":\"Take The Problems Out Of Your Aftertreatment\",\"publisher\":{\"@id\":\"https:\/\/roadwarrior-inc.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/roadwarrior-inc.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/roadwarrior-inc.com\/#organization\",\"name\":\"Roadwarrior Inc\",\"url\":\"https:\/\/roadwarrior-inc.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/roadwarrior-inc.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/roadwarrior-inc.com\/wp-content\/uploads\/2021\/04\/RW_LOGO_RGB_POS_TM.png\",\"contentUrl\":\"https:\/\/roadwarrior-inc.com\/wp-content\/uploads\/2021\/04\/RW_LOGO_RGB_POS_TM.png\",\"width\":1000,\"height\":400,\"caption\":\"Roadwarrior Inc\"},\"image\":{\"@id\":\"https:\/\/roadwarrior-inc.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/Roadwarrior.Inc\/\"]}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"LightningVolt Fuel Savings Calculator - Roadwarrior","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/roadwarrior-inc.com\/battery-savings-calculator\/","og_locale":"en_US","og_type":"article","og_title":"LightningVolt Fuel Savings Calculator","og_description":"Currency USD CAD Diesel Cost per Litre Idling Hours Days on the Road Battery Cost Battery Quantity Annual Fuel Savings: $12160.00 A LightningVolt upgrade pays for itself in: 0 Months Expected Pay back* Years In operation *includes cost of LightningVolt @ regular retail price. Fuel cost Hours idling Days 50 100 150 200 250 300 [&hellip;]","og_url":"https:\/\/roadwarrior-inc.com\/battery-savings-calculator\/","og_site_name":"Roadwarrior","article_publisher":"https:\/\/www.facebook.com\/Roadwarrior.Inc\/","article_modified_time":"2023-09-07T19:23:35+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/roadwarrior-inc.com\/battery-savings-calculator\/","url":"https:\/\/roadwarrior-inc.com\/battery-savings-calculator\/","name":"LightningVolt Fuel Savings Calculator - Roadwarrior","isPartOf":{"@id":"https:\/\/roadwarrior-inc.com\/#website"},"datePublished":"2023-05-26T18:34:06+00:00","dateModified":"2023-09-07T19:23:35+00:00","breadcrumb":{"@id":"https:\/\/roadwarrior-inc.com\/battery-savings-calculator\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/roadwarrior-inc.com\/battery-savings-calculator\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/roadwarrior-inc.com\/battery-savings-calculator\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/roadwarrior-inc.com\/"},{"@type":"ListItem","position":2,"name":"LightningVolt Fuel Savings Calculator"}]},{"@type":"WebSite","@id":"https:\/\/roadwarrior-inc.com\/#website","url":"https:\/\/roadwarrior-inc.com\/","name":"Roadwarrior Inc","description":"Take The Problems Out Of Your Aftertreatment","publisher":{"@id":"https:\/\/roadwarrior-inc.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/roadwarrior-inc.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/roadwarrior-inc.com\/#organization","name":"Roadwarrior Inc","url":"https:\/\/roadwarrior-inc.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/roadwarrior-inc.com\/#\/schema\/logo\/image\/","url":"https:\/\/roadwarrior-inc.com\/wp-content\/uploads\/2021\/04\/RW_LOGO_RGB_POS_TM.png","contentUrl":"https:\/\/roadwarrior-inc.com\/wp-content\/uploads\/2021\/04\/RW_LOGO_RGB_POS_TM.png","width":1000,"height":400,"caption":"Roadwarrior Inc"},"image":{"@id":"https:\/\/roadwarrior-inc.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Roadwarrior.Inc\/"]}]}},"_links":{"self":[{"href":"https:\/\/roadwarrior-inc.com\/wp-json\/wp\/v2\/pages\/18992"}],"collection":[{"href":"https:\/\/roadwarrior-inc.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/roadwarrior-inc.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/roadwarrior-inc.com\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/roadwarrior-inc.com\/wp-json\/wp\/v2\/comments?post=18992"}],"version-history":[{"count":12,"href":"https:\/\/roadwarrior-inc.com\/wp-json\/wp\/v2\/pages\/18992\/revisions"}],"predecessor-version":[{"id":22437,"href":"https:\/\/roadwarrior-inc.com\/wp-json\/wp\/v2\/pages\/18992\/revisions\/22437"}],"wp:attachment":[{"href":"https:\/\/roadwarrior-inc.com\/wp-json\/wp\/v2\/media?parent=18992"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}