{"id":1241,"date":"2024-11-23T11:34:06","date_gmt":"2024-11-23T11:34:06","guid":{"rendered":"https:\/\/circle2learning.eu\/lt\/?page_id=1241"},"modified":"2024-11-26T08:46:34","modified_gmt":"2024-11-26T08:46:34","slug":"freight-calculator","status":"publish","type":"page","link":"https:\/\/circle2learning.eu\/lt\/freight-calculator\/","title":{"rendered":"Freight-Calculator"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.21.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row _builder_version=&#8221;4.27.3&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.27.3&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_image src=&#8221;https:\/\/circle2learning.eu\/lt\/wp-content\/uploads\/2024\/11\/Circle-2-and-EU.png&#8221; title_text=&#8221;Circle-2-and-EU&#8221; _builder_version=&#8221;4.27.3&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.27.3&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.27.3&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_code _builder_version=&#8221;4.27.3&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<div id=\"inputsContainerHeader\"><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"inputsPerBlocksHeader\"><!-- [et_pb_line_break_holder] -->            <pee><b>CIRCLE2:<\/b> VET and SMEs on the road to CE<\/pee><!-- [et_pb_line_break_holder] -->        <\/div>\n<p><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"inputsPerBlocksHeader\"><!-- [et_pb_line_break_holder] -->            <pee style=\"text-align: end;\"><b>Projekto numeris:<\/b> 2022-1-LT01-KA220-VET-000085809<\/pee><!-- [et_pb_line_break_holder] -->        <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/p>\n<h1>Krovini\u0173 ve\u017eimo skai\u010diuokl\u0117<\/h1>\n<p><!-- [et_pb_line_break_holder] -->    <\/p>\n<div id=\"inputNameProduct\"><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"form-group\"><!-- [et_pb_line_break_holder] -->            <label for=\"product\">Produktas:<\/label><!-- [et_pb_line_break_holder] -->            <input type=\"text\" id=\"product\" name=\"product\" placeholder=\"\u012eveskite produkto pavadinim\u0105\"> <!--from origin to product--><!-- [et_pb_line_break_holder] -->        <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <!-- cost block --><!-- [et_pb_line_break_holder] -->    <\/p>\n<div id=\"inputsContainer\"><!-- [et_pb_line_break_holder] -->    <!-- [et_pb_line_break_holder] -->    <!-- co2 emission block --><!-- [et_pb_line_break_holder] -->        <\/p>\n<div id=\"co2-inputs\" class=\"inputsPerBlocks\"><!-- [et_pb_line_break_holder] -->            <\/p>\n<h3>I\u0161metam\u0173j\u0173 ter\u0161al\u0173 faktorius (EF), CO2e\/t.km<\/h3>\n<p><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"cost-group\"><!-- [et_pb_line_break_holder] -->                <label for=\"co2-truck\">Sunkve\u017eimis:<\/label><!-- [et_pb_line_break_holder] -->                <input type=\"number\" id=\"co2-truck\" name=\"co2Truck\" min=\"0\" placeholder=\"\u012eveskite EF (ex.: 0.108)\"><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"cost-group\"><!-- [et_pb_line_break_holder] -->                <label for=\"co2-train\">Traukinys:<\/label><!-- [et_pb_line_break_holder] -->                <input type=\"number\" id=\"co2-train\" name=\"co2Train\" min=\"0\" placeholder=\"\u012eveskite EF (ex.: 0.065)\"><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"cost-group\"><!-- [et_pb_line_break_holder] -->                <label for=\"co2-plane\">L\u0117ktuvas:<\/label><!-- [et_pb_line_break_holder] -->                <input type=\"number\" id=\"co2-plane\" name=\"co2Plane\" min=\"0\" placeholder=\"\u012eveskite EF (ex.: 0.1116)\"><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"cost-group\"><!-- [et_pb_line_break_holder] -->                <label for=\"co2-ship\">Laivas:<\/label><!-- [et_pb_line_break_holder] -->                <input type=\"number\" id=\"co2-ship\" name=\"co2Ship\" min=\"0\" placeholder=\"\u012eveskite EF (ex.: 0.03)\"><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] -->        <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <!-- calculation block --><!-- [et_pb_line_break_holder] -->    <\/p>\n<form id=\"freight-form\"><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"form-group\"><!-- [et_pb_line_break_holder] -->            <label for=\"origin\">Kilm\u0117s \u0161alis:<\/label><!-- [et_pb_line_break_holder] -->            <input type=\"text\" id=\"origin\" name=\"origin\" placeholder=\"\u012eveskite kilm\u0117s miest\u0105\"><!-- [et_pb_line_break_holder] -->        <\/div>\n<p><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"form-group\"><!-- [et_pb_line_break_holder] -->            <label for=\"destination\">Paskirties vieta:<\/label><!-- [et_pb_line_break_holder] -->            <input type=\"text\" id=\"destination\" name=\"destination\" placeholder=\"\u012eveskite paskirties miest\u0105\"><!-- [et_pb_line_break_holder] -->        <\/div>\n<p><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"form-group\"><!-- [et_pb_line_break_holder] -->            <label for=\"weight\">Svoris (tonomis):<\/label><!-- [et_pb_line_break_holder] -->            <input type=\"number\" id=\"weight\" name=\"weight\" min=\"1\" placeholder=\"\u012era\u0161ykite krovinio svor\u012f \"><!-- [et_pb_line_break_holder] -->        <\/div>\n<p><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"form-group\"><!-- [et_pb_line_break_holder] -->            <label for=\"transport\">Transporto r\u016b\u0161is:<\/label><!-- [et_pb_line_break_holder] -->            <select id=\"transport\" name=\"transport\"><!-- [et_pb_line_break_holder] --><option value=\"Sunkve\u017eimis\">Sunkve\u017eimis<\/option><!-- [et_pb_line_break_holder] --><option value=\"Traukinys\">Traukinys<\/option><!-- [et_pb_line_break_holder] --><option value=\"L\u0117ktuvas\">L\u0117ktuvas<\/option><!-- [et_pb_line_break_holder] --><option value=\"Laivas\">Laivas<\/option><!-- [et_pb_line_break_holder] -->            <\/select><!-- [et_pb_line_break_holder] -->        <\/div>\n<p><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"form-group\"><!-- [et_pb_line_break_holder] -->            <label for=\"distance\">Atstumas (km):<\/label><!-- [et_pb_line_break_holder] -->            <input type=\"number\" id=\"distance\" name=\"distance\" min=\"1\" placeholder=\"\u012eveskite atstum\u0105\"><!-- [et_pb_line_break_holder] -->        <\/div>\n<p><!-- [et_pb_line_break_holder] -->        <button type=\"button\" id=\"calculate-button\">Skai\u010diuoti i\u0161laidas<\/button><!-- [et_pb_line_break_holder] -->    <\/form>\n<p><!-- [et_pb_line_break_holder] -->    <!-- results block --><!-- [et_pb_line_break_holder] -->    <\/p>\n<div id=\"result-container\"><!-- [et_pb_line_break_holder] -->        <\/p>\n<h4 id=\"result-title\">Skai\u010diavimo istorija<\/h4>\n<p><!-- [et_pb_line_break_holder] -->        <\/p>\n<ul id=\"calculation-list\"><\/ul>\n<p><!-- [et_pb_line_break_holder] -->        <pee id=\"total-cost\">I\u0161 viso i\u0161laid\u0173: <span id=\"total-cost-value\">0.00<\/span> \u20ac<\/pee><!-- [et_pb_line_break_holder] -->        <pee id=\"total-co2-impact\">Bendras CO2 poveikis: <span id=\"total-co2-impact-value\">0.00<\/span> kg CO2e<\/pee><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/p>\n<div id=\"export-container\"><!-- [et_pb_line_break_holder] -->        <button id=\"export-button\">Eksportuoti \u012f csv<\/button><!-- [et_pb_line_break_holder] -->      <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/p>\n<style><!-- [et_pb_line_break_holder] -->body {<!-- [et_pb_line_break_holder] -->    font-family: Arial, sans-serif;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->h1 {<!-- [et_pb_line_break_holder] -->    text-align: center;<!-- [et_pb_line_break_holder] -->    margin-bottom: 20px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.form-group,<!-- [et_pb_line_break_holder] -->.cost-group {<!-- [et_pb_line_break_holder] -->    margin-bottom: 15px;<!-- [et_pb_line_break_holder] -->    display: flex;<!-- [et_pb_line_break_holder] -->    justify-content: space-between; \/* Align labels and inputs horizontally *\/<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->label {<!-- [et_pb_line_break_holder] -->    width: 30%; \/* Label size *\/<!-- [et_pb_line_break_holder] -->    display: block;<!-- [et_pb_line_break_holder] -->    margin-bottom: 5px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->input, select {<!-- [et_pb_line_break_holder] -->    width: 65%; \/* Input size *\/<!-- [et_pb_line_break_holder] -->    padding: 10px;<!-- [et_pb_line_break_holder] -->    border: 1px solid #ccc;<!-- [et_pb_line_break_holder] -->    border-radius: 4px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->#calculate-button {<!-- [et_pb_line_break_holder] -->    background-color: #4CAF50;<!-- [et_pb_line_break_holder] -->    color: white;<!-- [et_pb_line_break_holder] -->    padding: 10px 20px;<!-- [et_pb_line_break_holder] -->    border: none;<!-- [et_pb_line_break_holder] -->    border-radius: 4px;<!-- [et_pb_line_break_holder] -->    cursor: pointer;<!-- [et_pb_line_break_holder] -->    margin-top: 20px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->#result {<!-- [et_pb_line_break_holder] -->    margin-top: 20px;<!-- [et_pb_line_break_holder] -->    font-weight: bold;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->#inputsContainer {<!-- [et_pb_line_break_holder] -->    display: flex; \/* Enable flexbox layout *\/<!-- [et_pb_line_break_holder] -->    justify-content: space-between;<!-- [et_pb_line_break_holder] -->    margin-bottom: 20px;<!-- [et_pb_line_break_holder] -->    border: 1px solid #ccc;<!-- [et_pb_line_break_holder] -->    border-radius: 4px;<!-- [et_pb_line_break_holder] -->    padding: 15px; <!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->#inputNameProduct {<!-- [et_pb_line_break_holder] -->    margin-bottom: 20px;<!-- [et_pb_line_break_holder] -->    border: 1px solid #ccc;<!-- [et_pb_line_break_holder] -->    border-radius: 4px;<!-- [et_pb_line_break_holder] -->    padding: 15px; <!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* Added styles for cost input section *\/<!-- [et_pb_line_break_holder] -->.inputsPerBlocks {<!-- [et_pb_line_break_holder] -->    display: flex;<!-- [et_pb_line_break_holder] -->    flex-direction: column;<!-- [et_pb_line_break_holder] -->    width: 100%;<!-- [et_pb_line_break_holder] -->    margin-bottom: 20px;<!-- [et_pb_line_break_holder] -->    border: 1px solid #ccc;<!-- [et_pb_line_break_holder] -->    border-radius: 4px;<!-- [et_pb_line_break_holder] -->    padding: 15px; \/* Add padding for better spacing *\/<!-- [et_pb_line_break_holder] -->    margin: 15px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.inputsPerBlocks h3 {<!-- [et_pb_line_break_holder] -->    margin-bottom: 10px; \/* Add margin for heading *\/<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* Calculation history *\/<!-- [et_pb_line_break_holder] -->#result-container {<!-- [et_pb_line_break_holder] -->    margin-top: 20px;<!-- [et_pb_line_break_holder] -->    border: 1px solid #ccc;<!-- [et_pb_line_break_holder] -->    border-radius: 4px;<!-- [et_pb_line_break_holder] -->    padding: 15px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->#result-title {<!-- [et_pb_line_break_holder] -->    margin-bottom: 10px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->#calculation-list {<!-- [et_pb_line_break_holder] -->    list-style: none;<!-- [et_pb_line_break_holder] -->    padding: 0;<!-- [et_pb_line_break_holder] -->    margin: 0;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->#calculation-list li {<!-- [et_pb_line_break_holder] -->    margin-bottom: 5px;<!-- [et_pb_line_break_holder] -->    padding: 10px;<!-- [et_pb_line_break_holder] -->    border-bottom: 1px solid #ddd;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->#total-cost, #total-co2-impact {<!-- [et_pb_line_break_holder] -->    margin-top: 10px;<!-- [et_pb_line_break_holder] -->    font-weight: bold;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->#total-cost-value, #total-co2-impact-value {<!-- [et_pb_line_break_holder] -->    color: #007bff;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* Export container *\/<!-- [et_pb_line_break_holder] -->#export-container {<!-- [et_pb_line_break_holder] -->    margin-top: 15px;<!-- [et_pb_line_break_holder] -->    text-align: center;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  \/* Export button *\/<!-- [et_pb_line_break_holder] -->  #export-button {<!-- [et_pb_line_break_holder] -->    background-color: #4CAF50;<!-- [et_pb_line_break_holder] -->    color: white;<!-- [et_pb_line_break_holder] -->    padding: 10px 20px;<!-- [et_pb_line_break_holder] -->    border: none;<!-- [et_pb_line_break_holder] -->    border-radius: 4px;<!-- [et_pb_line_break_holder] -->    cursor: pointer;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  \/* Logo Creation *\/<!-- [et_pb_line_break_holder] -->  #inputsContainerHeader {<!-- [et_pb_line_break_holder] -->    display: flex; \/* Enable flexbox layout *\/<!-- [et_pb_line_break_holder] -->    justify-content: space-between;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.inputsPerBlocksHeader {<!-- [et_pb_line_break_holder] -->    display: flex;<!-- [et_pb_line_break_holder] -->    flex-direction: column;<!-- [et_pb_line_break_holder] -->    width: 100%;<!-- [et_pb_line_break_holder] -->    margin-top: 10px;<!-- [et_pb_line_break_holder] -->    padding: 0px 15px 0px 15px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.inputsPerBlocksHeader h3 {<!-- [et_pb_line_break_holder] -->    margin-bottom: 10px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><\/style>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><script><!-- [et_pb_line_break_holder] -->const form = document.getElementById('freight-form');<!-- [et_pb_line_break_holder] -->const calculateButton = document.getElementById('calculate-button');<!-- [et_pb_line_break_holder] -->const resultDiv = document.getElementById('result-container');<!-- [et_pb_line_break_holder] -->const costInputs = document.getElementById('cost-inputs');<!-- [et_pb_line_break_holder] -->const calculationList = document.getElementById('calculation-list');<!-- [et_pb_line_break_holder] -->const totalCostSpan = document.getElementById('total-cost-value');<!-- [et_pb_line_break_holder] -->const totalEmisSpan = document.getElementById('total-co2-impact-value');<!-- [et_pb_line_break_holder] -->const exportButton = document.getElementById('export-button');<!-- [et_pb_line_break_holder] -->const transportSelect = document.getElementById('transport');<!-- [et_pb_line_break_holder] -->\/\/ const selectedTransportText = transportSelect.options[transportSelect.selectedIndex].text;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->let totalCost = 0; \/\/ Track total cost across all calculations<!-- [et_pb_line_break_holder] -->var totalEmis = 0; \/\/ Track total emissions across all calculations<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->calculateButton.addEventListener('click', function() {<!-- [et_pb_line_break_holder] -->  const origin = document.getElementById('origin').value;<!-- [et_pb_line_break_holder] -->  const destination = document.getElementById('destination').value;<!-- [et_pb_line_break_holder] -->  const weight = parseFloat(document.getElementById('weight').value);<!-- [et_pb_line_break_holder] -->  const transport = document.getElementById('transport').value;<!-- [et_pb_line_break_holder] -->  const distance = parseFloat(document.getElementById('distance').value);<!-- [et_pb_line_break_holder] -->  const product = document.getElementById('product').value;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  let costPerKg;<!-- [et_pb_line_break_holder] -->  let emisPerKg;<!-- [et_pb_line_break_holder] -->  let calculatedCostPerVehicle;<!-- [et_pb_line_break_holder] -->  \/\/ Cost Calculation Logic<!-- [et_pb_line_break_holder] -->  const selectedTransport = transportSelect.value;<!-- [et_pb_line_break_holder] -->  if (selectedTransport === 'Sunkve\u017eimis') {<!-- [et_pb_line_break_holder] -->    \/\/costPerKg = parseFloat(document.getElementById('truck-cost').value) || 0;<!-- [et_pb_line_break_holder] -->    emisPerKg = parseFloat(document.getElementById('co2-truck').value) || 0;<!-- [et_pb_line_break_holder] -->    const percentage = 10;                \/\/ Fuel cost of total cost in percentage<!-- [et_pb_line_break_holder] -->    const totalTeu = 1;                   \/\/ Maximum payload expressed in TEU<!-- [et_pb_line_break_holder] -->    const oneTeuTonnes = 21.4;            \/\/ Capability of 1 TEU expressed in tonnes (in case of 1 TEU provide the max payload expressed in tonnes)<!-- [et_pb_line_break_holder] -->    const distanceOneFuelUnit = 2;        \/\/ Kilometers with 1 unit of fuel (truck: 1 liter)<!-- [et_pb_line_break_holder] -->    const oneUnitFuelPrice = 1.29;        \/\/ Price of 1 unit of fuel (truck: 1 liter)<!-- [et_pb_line_break_holder] -->    calculatedCostPerVehicle = (((oneUnitFuelPrice\/distanceOneFuelUnit)\/(totalTeu*oneTeuTonnes)*distance)*weight)\/(percentage\/100)<!-- [et_pb_line_break_holder] -->  } else if (selectedTransport === 'Traukinys') {<!-- [et_pb_line_break_holder] -->    \/\/costPerKg = parseFloat(document.getElementById('train-cost').value) || 0;<!-- [et_pb_line_break_holder] -->    emisPerKg = parseFloat(document.getElementById('co2-train').value) || 0;<!-- [et_pb_line_break_holder] -->    const percentage = 5;                 \/\/ Fuel cost of total cost in percentage<!-- [et_pb_line_break_holder] -->    const totalTeu = 63;                  \/\/ Maximum payload expressed in TEU<!-- [et_pb_line_break_holder] -->    const oneTeuTonnes = 21.4;            \/\/ Capability of 1 TEU expressed in tonnes (in case of 1 TEU provide the max payload expressed in tonnes)<!-- [et_pb_line_break_holder] -->    const distanceOneFuelUnit = 0.25;     \/\/ Kilometers with 1 unit of fuel (train: 1 liter)<!-- [et_pb_line_break_holder] -->    const oneUnitFuelPrice = 1.29;        \/\/ Price of 1 unit of fuel (train: 1 liter)<!-- [et_pb_line_break_holder] -->    calculatedCostPerVehicle = (((oneUnitFuelPrice\/distanceOneFuelUnit)\/(totalTeu*oneTeuTonnes)*distance)*weight)\/(percentage\/100)<!-- [et_pb_line_break_holder] -->  } else if (selectedTransport === 'L\u0117ktuvas') {<!-- [et_pb_line_break_holder] -->    \/\/costPerKg = parseFloat(document.getElementById('plane-cost').value) || 0;<!-- [et_pb_line_break_holder] -->    emisPerKg = parseFloat(document.getElementById('co2-plane').value) || 0;<!-- [et_pb_line_break_holder] -->    const percentage = 25;               \/\/ Fuel cost of total cost in percentage<!-- [et_pb_line_break_holder] -->    const totalTeu = 1;                  \/\/ Maximum payload expressed in TEU<!-- [et_pb_line_break_holder] -->    const oneTeuTonnes = 115;            \/\/ Capability of 1 TEU expressed in tonnes (in case of 1 TEU provide the max payload expressed in tonnes)<!-- [et_pb_line_break_holder] -->    const distanceOneFuelUnit = 0.0833;  \/\/ Kilometers with 1 unit of fuel (plane: 1 liter)<!-- [et_pb_line_break_holder] -->    const oneUnitFuelPrice = 1.29;       \/\/ Price of 1 unit of fuel (plane: 1 liter)<!-- [et_pb_line_break_holder] -->    calculatedCostPerVehicle = (((oneUnitFuelPrice\/distanceOneFuelUnit)\/(totalTeu*oneTeuTonnes)*distance)*weight)\/(percentage\/100)<!-- [et_pb_line_break_holder] -->  } else if (selectedTransport === 'Laivas') {<!-- [et_pb_line_break_holder] -->    \/\/costPerKg = parseFloat(document.getElementById('ship-cost').value) || 0;<!-- [et_pb_line_break_holder] -->    emisPerKg = parseFloat(document.getElementById('co2-ship').value) || 0;<!-- [et_pb_line_break_holder] -->    const percentage = 5;                \/\/ Fuel cost of total cost in percentage<!-- [et_pb_line_break_holder] -->    const totalTeu = 4000;               \/\/ Maximum payload expressed in TEU<!-- [et_pb_line_break_holder] -->    const oneTeuTonnes = 21.4;           \/\/ Capability of 1 TEU expressed in tonnes (in case of 1 TEU provide the max payload expressed in tonnes)<!-- [et_pb_line_break_holder] -->    const distanceOneFuelUnit = 5;       \/\/ Kilometers with 1 unit of fuel (ship: 1 tonne)<!-- [et_pb_line_break_holder] -->    const oneUnitFuelPrice = 560;        \/\/ Price of 1 unit of fuel (ship: 1 tonne)<!-- [et_pb_line_break_holder] -->    calculatedCostPerVehicle = (((oneUnitFuelPrice\/distanceOneFuelUnit)\/(totalTeu*oneTeuTonnes)*distance)*weight)\/(percentage\/100)<!-- [et_pb_line_break_holder] -->  } else {<!-- [et_pb_line_break_holder] -->    costPerKg = 0; \/\/ Handle invalid transport type<!-- [et_pb_line_break_holder] -->    emisPerKg = 0;<!-- [et_pb_line_break_holder] -->    calculatedCostPerVehicle = 0;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  console.log(totalCost);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  \/\/ Formatting Output with Error Handling<!-- [et_pb_line_break_holder] -->  if (isNaN(totalCost)) {<!-- [et_pb_line_break_holder] -->    resultDiv.textContent = \"Skai\u010diuojant i\u0161laidas \u012fvyko klaida.\";<!-- [et_pb_line_break_holder] -->  } else {<!-- [et_pb_line_break_holder] -->    <!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/\/ Create a new list item for the calculation history<!-- [et_pb_line_break_holder] -->    const newListItem = document.createElement('li');<!-- [et_pb_line_break_holder] -->    const calculatedCost = parseFloat(calculatedCostPerVehicle.toFixed(2));<!-- [et_pb_line_break_holder] -->    let calculatedEmis = emisPerKg * weight * distance;<!-- [et_pb_line_break_holder] -->    let calculatedEmisFloat = parseFloat(calculatedEmis.toFixed(2));<!-- [et_pb_line_break_holder] -->    newListItem.textContent = `${product} | Mar\u0161rutas: ${origin} - ${destination} | Transportas: ${selectedTransport} |  I\u0161laid\u0173: ${calculatedCost} \u20ac | I\u0161metam\u0173j\u0173: ${calculatedEmisFloat} kg CO2e`;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/\/ Add the new list item to the calculation list<!-- [et_pb_line_break_holder] -->    calculationList.appendChild(newListItem);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/\/ Update total cost and display with debugging in the console<!-- [et_pb_line_break_holder] -->    <!-- [et_pb_line_break_holder] -->    console.log(\"Weight:\", weight);<!-- [et_pb_line_break_holder] -->    console.log(\"Distance:\", distance);<!-- [et_pb_line_break_holder] -->    \/\/console.log(\"Cost per Kg:\", costPerKg);<!-- [et_pb_line_break_holder] -->    console.log(\"Calculated Cost:\", calculatedCost);<!-- [et_pb_line_break_holder] -->    console.log(\"Calculated Emis:\", calculatedEmis);<!-- [et_pb_line_break_holder] -->    console.log(\"selectedTransport:\", selectedTransport);<!-- [et_pb_line_break_holder] -->    totalCost += calculatedCost;<!-- [et_pb_line_break_holder] -->    totalEmis += calculatedEmis;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    totalCostSpan.textContent = totalCost.toFixed(2);<!-- [et_pb_line_break_holder] -->    totalEmisSpan.textContent = totalEmis.toFixed(2);<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->});<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/\/ Function to generate CSV data<!-- [et_pb_line_break_holder] -->function getCSVData() {<!-- [et_pb_line_break_holder] -->  let csvData = \"\"; \/\/ Initialize empty string for CSV data<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  const listItems = calculationList.querySelectorAll('li');<!-- [et_pb_line_break_holder] -->  for (const item of listItems) {<!-- [et_pb_line_break_holder] -->    const textContentArray = item.textContent.split(\" | \"); \/\/ Split by pipe<!-- [et_pb_line_break_holder] -->    const originAndDestination = textContentArray[1].split(\" - \"); \/\/ Split first element by hyphen<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    const origin = originAndDestination[0].split(\": \")[1]; \/\/ Extract origin<!-- [et_pb_line_break_holder] -->    const destination = originAndDestination[1]; \/\/ Extract destination<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/\/ Extract transport and cost as before<!-- [et_pb_line_break_holder] -->    const transport = textContentArray[2].split(\": \")[1];<!-- [et_pb_line_break_holder] -->    const cost = textContentArray[3].split(\": \")[1].replace(\" \u20ac\", \"\");<!-- [et_pb_line_break_holder] -->    const emis = textContentArray[4].split(\": \")[1].replace(\" kg CO2e\", \"\");<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/\/ Extract product name<!-- [et_pb_line_break_holder] -->    const product = textContentArray[0]<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    csvData += product + \",\" + origin + \",\" + destination + \",\" + transport + \",\" + cost + \",\" + emis + \"\\n\"; \/\/ Add comma-separated values<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  \/\/ Add total cost on a separate line<!-- [et_pb_line_break_holder] -->  csvData += `Total Cost: ${totalCostSpan.textContent}\\n`;<!-- [et_pb_line_break_holder] -->  csvData += `Total CO2 Impact: ${totalEmisSpan.textContent}\\n`;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  return csvData;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/\/ Export button click handler<!-- [et_pb_line_break_holder] -->exportButton.addEventListener('click', function() {<!-- [et_pb_line_break_holder] -->  const csvData = getCSVData();<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  \/\/ Create a blob object with CSV data and appropriate MIME type<!-- [et_pb_line_break_holder] -->  const blob = new Blob([csvData], { type: 'text\/csv;charset=utf-8' });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  \/\/ Create a hidden anchor element for download<!-- [et_pb_line_break_holder] -->  const downloadLink = document.createElement('a');<!-- [et_pb_line_break_holder] -->  downloadLink.href = URL.createObjectURL(blob);<!-- [et_pb_line_break_holder] -->  downloadLink.download = 'freight_calculations.csv'; \/\/ Set filename<!-- [et_pb_line_break_holder] -->  downloadLink.style.display = 'none'; \/\/ Hide the anchor element<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  \/\/ Simulate a click on the hidden anchor element to trigger download<!-- [et_pb_line_break_holder] -->  document.body.appendChild(downloadLink);<!-- [et_pb_line_break_holder] -->  downloadLink.click();<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  \/\/ Clean up after download<!-- [et_pb_line_break_holder] -->  document.body.removeChild(downloadLink);<!-- [et_pb_line_break_holder] -->  URL.revokeObjectURL(blob); \/\/ Revoke object URL after download<!-- [et_pb_line_break_holder] -->});<!-- [et_pb_line_break_holder] --><\/script>[\/et_pb_code][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.27.3&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.27.3&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_cta title=&#8221;Atsisi\u0173skite \u0161\u012f \u012frank\u012f naudojimui neprisijungus prie interneto&#8221; button_text=&#8221;Click&#8221; _builder_version=&#8221;4.27.3&#8243; _module_preset=&#8221;default&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p><span>\u0160is \u012frankis sukurtas html, css ir javascript kalba. Galite atsisi\u0173sti zip aplank\u0105, i\u0161skleisti j\u012f ir paleisti \u012frank\u012f pasirink\u0119 fail\u0105 \u201eindex.html&#8221;. Taip pat pateikiame Jums tos pa\u010dios priemon\u0117s \u201eExcel&#8221; versij\u0105, kuri\u0105 galite atsisi\u0173sti atskirai (taip pat zip aplanke).<\/span><\/p>\n<p>[\/et_pb_cta][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;1_2,1_2&#8243; _builder_version=&#8221;4.23&#8243; _module_preset=&#8221;default&#8221; animation_style=&#8221;fade&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.23&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_button button_url=&#8221;https:\/\/circle2learning.eu\/lt\/wp-content\/uploads\/2024\/11\/Kroviniu-vezimo-skaiciuokle-HTML.zip&#8221; url_new_window=&#8221;on&#8221; button_text=&#8221;Atsisi\u0173sti html versij\u0105&#8221; button_alignment=&#8221;center&#8221; _builder_version=&#8221;4.27.3&#8243; _module_preset=&#8221;default&#8221; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;][\/et_pb_button][\/et_pb_column][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.23&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_button button_url=&#8221;https:\/\/circle2learning.eu\/lt\/wp-content\/uploads\/2024\/11\/Kroviniu-vezimo-skaiciuokle-EXCEL.zip&#8221; url_new_window=&#8221;on&#8221; button_text=&#8221;Atsisi\u0173sti %22Excel%22 versij\u0105&#8221; button_alignment=&#8221;center&#8221; _builder_version=&#8221;4.27.3&#8243; _module_preset=&#8221;default&#8221; hover_enabled=&#8221;0&#8243; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;][\/et_pb_button][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.25.2&#8243; _module_preset=&#8221;default&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.25.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_button button_url=&#8221;https:\/\/circle2learning.eu\/lt\/wp-content\/uploads\/2024\/11\/Vadovas-kaip-naudotis-\u201eKroviniu-skaiciuokle.pdf&#8221; url_new_window=&#8221;on&#8221; button_text=&#8221;Vadovas, kaip naudotis \u201eKrovini\u0173 skai\u010diuokle\u201c&#8221; button_alignment=&#8221;center&#8221; _builder_version=&#8221;4.27.3&#8243; _module_preset=&#8221;default&#8221; animation_style=&#8221;fade&#8221; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;][\/et_pb_button][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u0160is \u012frankis sukurtas html, css ir javascript kalba. Galite atsisi\u0173sti zip aplank\u0105, i\u0161skleisti j\u012f ir paleisti \u012frank\u012f pasirink\u0119 fail\u0105 \u201eindex.html&#8221;. Taip pat pateikiame Jums tos pa\u010dios priemon\u0117s \u201eExcel&#8221; versij\u0105, kuri\u0105 galite atsisi\u0173sti atskirai (taip pat zip aplanke).<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"class_list":["post-1241","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/circle2learning.eu\/lt\/wp-json\/wp\/v2\/pages\/1241","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/circle2learning.eu\/lt\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/circle2learning.eu\/lt\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/circle2learning.eu\/lt\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/circle2learning.eu\/lt\/wp-json\/wp\/v2\/comments?post=1241"}],"version-history":[{"count":10,"href":"https:\/\/circle2learning.eu\/lt\/wp-json\/wp\/v2\/pages\/1241\/revisions"}],"predecessor-version":[{"id":1303,"href":"https:\/\/circle2learning.eu\/lt\/wp-json\/wp\/v2\/pages\/1241\/revisions\/1303"}],"wp:attachment":[{"href":"https:\/\/circle2learning.eu\/lt\/wp-json\/wp\/v2\/media?parent=1241"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}