EvDeCharge

Balıkesir

Türkiye

Altıeylül

Default

Sliders

Desktop Image

Title

Subtitle

Button Link

Button Text

Show Overlay Background

Mobile Image

If you want the picture to be clicked, enter the link

Image Link

Secondary Button Link

Secondary Button Text

Button Background Color

Is External Links

Button Color

Button Hover Background Color

Texts Color

Button Hover Text Color

Is Video?

Please turn on silent start for the video to play automatically

Video

Is Mobile Video

Mobile Video

Title H Tag

Top Title

Top Title Color

Top Title Font Size Desktop

Top Title Font Size Mobile

Top Title Font Weight

Footer Links

Links

No Follow?

Image List

Category Images

Image

Sub Text

Text Color

Button Text Color

Top Title Font Size

Button Border Radius

Image Aspect Ratio

Image Aspect Ratio Mobile

Is Defult Aspect Ratio

Button Position

Button Position Mobile

Is Button Outside

Image List Flex

Category Images Flex

Is No Follow?

External Link Target Blank

Layout Images

Link

Is Image Contain

Link Text Color

Link Background Color

Button Font Weight

S.S.S

Question

Answer

Is Rich Text Question

Brand Image List

Image Border Radius

Text

Text Font Weight

Text Font Size

External Link Target

Aspect Ratio

Aspect Ratio Mobile

Is Image & Video Cover

Video Height

Text Position

Top Position

Remove Top Space

Button Show?

Button Background Color 

Button Text Color 

Button On Image

Cookie Info

Cookie Content

Cookie Button Text

Cookie Bar Show

Accept Text Left?

Show Close Button

Cookie Bar Position

Comments

Comment

Star

WritingBy & Date

Content

LookBook - Image

Sub Title

Hide Button

Is Image Cover

Title Color

Sub Title Color

Image List Grid

Category Images Grid

Title & Sub Title Color

İmage & Button Link

Content Position

ReadMoreButtonPosition

LogoPosition

SliderAutoSecond

AnnouncementText

Announcement

Color

Background Color

Mobile Font Size

Font Weight

Text UpperCase

BrandSliderItem

ProductDetailImageAspectRatio

Horizontal

Vertical

ColumnGrid

DescriptionPosition

AddBasketButtonPosition

Testimonial

Quote

Writer

Rating

Fill Stars?

FeaturesGrid

Features

New Tab?

Align

BorderStyle

Image Type

ButtonPosition

Collection List

CollectionList

External Link Target Blank?

BlogImageAspectRatio

ButtonLinks

Button Links

Border Color

Button Width

Button Width Mobile

Hover Background Color

Hover Text Color

Zoom Enable

MarqueeImageItem

Marquee Image Item

ARROWS

Video Link

Link Url

BlogLinkText

Blog & Text

Blog

Employee

Full Name

HeaderHelperBar

Show Bar

Bar Background Color

Bar Text & Icon Color

Show Mobile?

Link List

Facebook Link

Instagram Link

Twitter Link

Pinterest Link

Youtube Link

LinkedIn Link

Tiktok Link

Twitch Link

Discord Link

Is Centered Links

It works if there are no social media icons

Is Right Links

CustomModalAttr

Custom Modal Show

Icon

Is HTML?

Special Attr. (Only Image)

HTag

HelperBarIcons

Icon Width

Category Image Text List

Category Image Text

Border Radius

Header Mega Menu

Image Reverse

Image Cover

Bottom Top Padding

Min Height

Sub links & Title 

Sub Links & Title

Tag - Image

TagImage

Image Width

Image Height

Mobile Image Width

Mobile Image Height

<html lang="en">
          <style>.ikas-editor-v1>table,td,th{border:1px solid #e8e8eb;border-collapse:collapse;font-size:14px}.ikas-editor-v1>th,td{padding:6px 12px}.ikas-editor-v1 ul,.ikas-editor-v1 ol{padding-left:20px}.ikas-editor-v1 ul li{list-style-type:disc;margin:8px 0 8px 16px}.ikas-editor-v1 ol li{list-style-type:decimal;margin:8px 0 8px 16px}.ikas-editor-v1 li{margin:8px 0 8px 16px}.ikas-editor-v1 code{display:block;white-space:pre-wrap}.ikas-editor-v1 blockquote{margin-inline-start:0;border-left:3px solid rgb(41 41 41);padding-left:23px}.ikas-editor-v1 figure{margin-inline:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:0;width:100%}.ikas-editor-v1 img{max-width:800px;object-fit:cover;object-position:center}.ikas-editor-v1 img.img-bg{padding:1.5em!important;background:#cdd1e0!important}.ikas-editor-v1 img.img-fullwidth{width:100%!important;max-width:100%!important;margin:0 auto!important}.ikas-editor-v1 figcaption{text-align:center;padding-top:6px;word-break:break-word;font-size:12px;background:0 0;z-index:{};}.ikas-editor-v1 .embed-youtube{width:100%;height:400px}.products-container{display:flex;flex-direction:column;gap:10px}.product-block-container{margin:0 auto;cursor:pointer;flex:1;display:flex;gap:20px;padding:10px 0}.product-image{width:120px;height:120px;object-fit:cover;border-radius:4px;flex-shrink:0}.product-name{font-size:15px;font-weight:500;width:100%;margin:0 0 4px}.product-brand{font-size:13px;font-weight:400;color:#adb5bd;margin:0 0 4px}.product-discount-price,.product-price{width:fit-content;font-size:16px;font-weight:500;color:#000}.product-price{margin:6px 0 0}.product-discount-price{margin:6px 8px 0 0;text-decoration:line-through}.ikas-editor-v1 table b{font-weight:bold}.ikas-editor-v1 table i{font-style:italic}</style>
          <div class="ikas-editor-v1">
          


  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width,initial-scale=1">
  <title>Elektrikli vs İçten Yanmalı - KM Üzerinden Tasarruf Hesaplayıcı</title>
  <style>
    :root{--bg:#0f1724;--card:#0b1220;--accent:#06b6d4;--muted:#9aa4b2}
    *{box-sizing:border-box;font-family:Inter,ui-sans-serif,system-ui,Segoe UI,Roboto,'Helvetica Neue',Arial}
    body{margin:0;background:linear-gradient(180deg,#071127 0%, #071827 100%);color:#e6eef6;padding:28px}
    .container{max-width:980px;margin:0 auto}
    header{display:flex;align-items:center;gap:16px;margin-bottom:20px}
    h1{font-size:20px;margin:0}
    p.lead{margin:0;color:var(--muted)}
    .grid{display:grid;grid-template-columns:1fr 380px;gap:18px;margin-top:18px}
    .card{background:linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01));padding:18px;border-radius:12px;box-shadow:0 6px 24px rgba(2,6,23,0.6)}
    label{display:block;font-size:13px;color:var(--muted);margin-bottom:6px}
    input[type="number"],select{width:100%;padding:10px;border-radius:8px;border:1px solid rgba(255,255,255,0.06);background:transparent;color:inherit}
    .row{display:flex;gap:12px}
    .row > *{flex:1}
    button{background:var(--accent);border:none;padding:10px 14px;border-radius:10px;color:#022;cursor:pointer;font-weight:600}
    .result{background:rgba(6,182,212,0.06);padding:12px;border-radius:10px;margin-top:12px;color:var(--accent);font-weight:700}
    .breakdown{margin-top:12px;color:var(--muted);font-size:14px}
    .small{font-size:13px;color:var(--muted)}
    footer{margin-top:18px;color:var(--muted);font-size:13px}
    @media (max-width:880px){.grid{grid-template-columns:1fr}}
  </style>


  <div class="container">
    <header>
      <div>
        <h1>KM Bazlı Tasarruf Hesaplayıcı — Elektrikli vs İçten Yanmalı</h1>
        <p class="lead">Sürüş mesafenize göre yakıt/enerji maliyeti farkını hesaplayın. Varsayılanlar örnek amaçlıdır; kendi değerlerinizi girin.</p>
      </div>
    </header>

    <div class="grid">
      <div class="card">
        <h3>Girdi Değerleri</h3>
        <div style="margin-top:10px">
          <label>Seçilen dönem</label>
          <select id="period">
            <option value="monthly">Aylık</option>
            <option value="yearly" selected="">Yıllık</option>
            <option value="custom">Özel (km gir)</option>
          </select>
        </div>

        <div style="margin-top:12px">
          <label>Toplam sürülen mesafe (km) — <span id="periodLabel">Yıllık</span></label>
          <input id="distance" type="number" value="15000" min="0">
        </div>

        <hr style="margin:14px 0;border:none;border-top:1px solid rgba(255,255,255,0.03)">

        <h4>Elektrikli Araç (EV)</h4>
        <label>Ortalama enerji tüketimi (kWh / 100 km)</label>
        <input id="ev_kwh_per_100" type="number" step="0.1" value="15">

        <label style="margin-top:8px">Elektrik fiyatı (TL / kWh)</label>
        <input id="elec_price" type="number" step="0.01" value="3.0">

        <div style="height:10px"></div>
        <h4>İçten Yanmalı Araç (Benzin/Dizel)</h4>
        <label>Yakıt tüketimi (L / 100 km)</label>
        <input id="ice_l_per_100" type="number" step="0.1" value="6.5">

        <label style="margin-top:8px">Yakıt fiyatı (TL / L)</label>
        <input id="fuel_price" type="number" step="0.01" value="28.5">

        <div style="margin-top:12px" class="row">
          <div>
            <label>Bakım &amp; Diğer (TL / km) — EV</label>
            <input id="ev_maint" type="number" step="0.001" value="0.03">
          </div>
          <div>
            <label>Bakım &amp; Diğer (TL / km) — ICE</label>
            <input id="ice_maint" type="number" step="0.001" value="0.06">
          </div>
        </div>

        <div style="margin-top:14px;display:flex;gap:10px">
          <button id="calcBtn">Hesapla</button>
          <button id="resetBtn" style="background:transparent;border:1px solid rgba(255,255,255,0.06);color:var(--muted)">Sıfırla</button>
        </div>

        <div id="notes" class="small" style="margin-top:12px">Not: Bu hesaplama sadece yakıt/elektrik ve bakım benzeri değişken maliyetleri içerir. Araç alım farkı, prim/vergiler veya şarj altyapı maliyeti hesaba katılmamıştır.</div>
      </div>

      <aside class="card">
        <h3>Sonuçlar</h3>
        <div id="summary" class="result">Henüz hesaplanmadı — "Hesapla" butonuna basın.</div>

        <div id="breakdown" class="breakdown" style="display:none">
          <div><strong>EV maliyeti / km:</strong> <span id="ev_cost_per_km"></span> TL</div>
          <div><strong>ICE maliyeti / km:</strong> <span id="ice_cost_per_km"></span> TL</div>
          <div style="margin-top:8px"><strong>Toplam periyot maliyeti (EV):</strong> <span id="ev_total"></span> TL</div>
          <div><strong>Toplam periyot maliyeti (ICE):</strong> <span id="ice_total"></span> TL</div>

          <div style="margin-top:12px"><strong>Toplam tasarruf:</strong> <span id="saving_total"></span> TL</div>
          <div><strong>Tasarruf / km:</strong> <span id="saving_per_km"></span> TL</div>

          <div style="margin-top:12px" id="extraInfo" class="small"></div>
        </div>

        <div style="margin-top:12px">
          <label>Farklı bir km değeriyle hızlı hesap</label>
          <div class="row" style="margin-top:6px">
            <input id="quick_km" type="number" placeholder="km">
            <button id="quickBtn">Hemen</button>
          </div>
        </div>

      </aside>
    </div>

    <footer>
      <div>İstersen bu hesaplayıcıyı kaydet: sağ tık → <em>Sayfayı farklı kaydet</em>. İstediğin değerleri değiştirip tekrar hesaplatabilirsin.</div>
    </footer>
  </div>

  <script>
    const period = document.getElementById('period');
    const distance = document.getElementById('distance');
    const periodLabel = document.getElementById('periodLabel');
    const ev_kwh_per_100 = document.getElementById('ev_kwh_per_100');
    const elec_price = document.getElementById('elec_price');
    const ice_l_per_100 = document.getElementById('ice_l_per_100');
    const fuel_price = document.getElementById('fuel_price');
    const ev_maint = document.getElementById('ev_maint');
    const ice_maint = document.getElementById('ice_maint');

    const calcBtn = document.getElementById('calcBtn');
    const resetBtn = document.getElementById('resetBtn');
    const summary = document.getElementById('summary');
    const breakdown = document.getElementById('breakdown');
    const ev_cost_per_km_el = document.getElementById('ev_cost_per_km');
    const ice_cost_per_km_el = document.getElementById('ice_cost_per_km');
    const ev_total_el = document.getElementById('ev_total');
    const ice_total_el = document.getElementById('ice_total');
    const saving_total_el = document.getElementById('saving_total');
    const saving_per_km_el = document.getElementById('saving_per_km');
    const extraInfo = document.getElementById('extraInfo');

    const quick_km = document.getElementById('quick_km');
    const quickBtn = document.getElementById('quickBtn');

    function formatTL(x){return Number(x).toLocaleString('tr-TR',{minimumFractionDigits:2,maximumFractionDigits:2})}

    function compute(km){
      km = Number(km);
      const ev_kwh100 = Number(ev_kwh_per_100.value) || 0;
      const elec = Number(elec_price.value) || 0;
      const ice_l100 = Number(ice_l_per_100.value) || 0;
      const fuel = Number(fuel_price.value) || 0;
      const evm = Number(ev_maint.value) || 0;
      const icem = Number(ice_maint.value) || 0;

      // maliyet / km
      const ev_energy_cost_per_km = (ev_kwh100/100) * elec; // TL/km
      const ice_fuel_cost_per_km = (ice_l100/100) * fuel; // TL/km

      const ev_total_per_km = ev_energy_cost_per_km + evm;
      const ice_total_per_km = ice_fuel_cost_per_km + icem;

      const ev_total = ev_total_per_km * km;
      const ice_total = ice_total_per_km * km;
      const saving_total = ice_total - ev_total;
      const saving_per_km = ice_total_per_km - ev_total_per_km;

      return {
        ev_total_per_km, ice_total_per_km, ev_total, ice_total, saving_total, saving_per_km,
        ev_energy_cost_per_km, ice_fuel_cost_per_km
      }
    }

    function updatePeriodLabel(){
      const p = period.value;
      if(p==='monthly'){periodLabel.innerText='Aylık'; distance.value = 1250}
      else if(p==='yearly'){periodLabel.innerText='Yıllık'; distance.value = 15000}
      else {periodLabel.innerText='Özel'; distance.value = 0}
    }

    period.addEventListener('change', updatePeriodLabel);
    updatePeriodLabel();

    calcBtn.addEventListener('click', ()=>{
      const km = Number(distance.value) || 0;
      const r = compute(km);

      breakdown.style.display = 'block';
      ev_cost_per_km_el.innerText = formatTL(r.ev_total_per_km);
      ice_cost_per_km_el.innerText = formatTL(r.ice_total_per_km);
      ev_total_el.innerText = formatTL(r.ev_total);
      ice_total_el.innerText = formatTL(r.ice_total);
      saving_total_el.innerText = formatTL(r.saving_total);
      saving_per_km_el.innerText = formatTL(r.saving_per_km);

      summary.innerText = `Tahmini ${formatTL(r.saving_total)} TL tasarruf — ${formatTL(r.saving_per_km)} TL / km`;

      extraInfo.innerHTML = `Enerji maliyeti (EV): ${formatTL(r.ev_energy_cost_per_km)} TL/km<br>Yakıt maliyeti (ICE): ${formatTL(r.ice_fuel_cost_per_km)} TL/km`;
    });

    resetBtn.addEventListener('click', ()=>{
      ev_kwh_per_100.value = 15; elec_price.value = 3.0; ice_l_per_100.value = 6.5; fuel_price.value = 28.5; ev_maint.value = 0.03; ice_maint.value = 0.06; period.value='yearly'; updatePeriodLabel();
      summary.innerText = 'Henüz hesaplanmadı — "Hesapla" butonuna basın.';
      breakdown.style.display = 'none';
    });

    quickBtn.addEventListener('click', ()=>{
      const km = Number(quick_km.value) || 0;
      if(km<=0){alert('Lütfen pozitif bir km girin.');return}
      distance.value = km; period.value = 'custom'; updatePeriodLabel();
      calcBtn.click();
    });

    // hesaplama örneği otomatik yap
    // calcBtn.click(); // istersen aç
  </script>



          </div>
          </html>
  

TASARRUF

EVDECHARGE

1 ADET TRİFAZE 2 ADET MONOFAZE KOMBİNASYON KUTUSU-MONTAJLI

EVDECHARGE

ELEKTRİKLİ ARAÇ ŞARJ CİHAZI KUTUSU KORUYUCU

EVDECHARGE

ŞARJ CİHAZI KORUYUCUSU-TAM KORUMA

EVDECHARGE

Şarj Kablosu Düzenleyici ve Tutucu Holder

EVDECHARGE

ŞARJ CİHAZI KORUYUCUSU

EVDECHARGE

3,5 KW ELEKTRİKLİ ARAÇ ŞARJI

FEYREE

Feyree 3,5 kW 10 metre Taşınabilir Elektrikli Araç Şarj Cihazı

FEYREE

Feyree 3,5 kW 5 Metre Elektrikli Araç Şarj Cihazı

FEYREE

22 KW ELEKTRİKLİ ARAÇ ŞARJ CİHAZI

FEYREE

7 KW ELEKTRİKLİ ARAÇ ŞARJ CİHAZI

EVDECHARGE

7 kW Elektrikli Araç Şarj Cihazı-5 metre

EVDECHARGE

EVDECHARGE 22 KW TİP 2 KABLO

TASARRUF

KM Bazlı Tasarruf Hesaplayıcı — Elektrikli vs İçten Yanmalı

Girdi Değerleri

Elektrikli Araç (EV)

İçten Yanmalı Araç (Benzin/Dizel)