Single Appliance Calculator

<h3>Quick Presets</h3>
<div class="ec-presets">
  <button class="ec-preset-btn" onclick="ecApplyPreset(65,  'Laptop')">Laptop (65W)</button>
  <button class="ec-preset-btn" onclick="ecApplyPreset(300, 'Desktop PC')">Desktop (300W)</button>
  <button class="ec-preset-btn" onclick="ecApplyPreset(100, 'LED TV')">LED TV (100W)</button>
  <button class="ec-preset-btn" onclick="ecApplyPreset(150, 'Refrigerator')">Fridge (150W)</button>
  <button class="ec-preset-btn" onclick="ecApplyPreset(1500,'Air Conditioner')">AC (1500W)</button>
  <button class="ec-preset-btn" onclick="ecApplyPreset(500, 'Washer')">Washer (500W)</button>
  <button class="ec-preset-btn" onclick="ecApplyPreset(1000,'Microwave')">Microwave (1000W)</button>
</div>

<div class="ec-grid">
  <div class="ec-field">
    <label>Appliance Name</label>
    <input type="text" id="ec-name" value="My Appliance" />
  </div>
  <div class="ec-field">
    <label>Wattage (W)</label>
    <input type="number" id="ec-watts" value="65" min="1" oninput="ecCalcSingle()" />
  </div>
  <div class="ec-field">
    <label>Hours Used / Day</label>
    <input type="number" id="ec-hours" value="8" min="0" max="24" step="0.5" oninput="ecCalcSingle()" />
  </div>
  <div class="ec-field">
    <label>Electricity Rate ($/kWh)</label>
    <input type="number" id="ec-rate" value="0.13" min="0.01" step="0.01" oninput="ecCalcSingle()" />
  </div>
  <div class="ec-field">
    <label>Days / Month</label>
    <input type="number" id="ec-days" value="30" min="1" max="31" oninput="ecCalcSingle()" />
  </div>
</div>
Daily Cost
$0.00
0.00 kWh/day
Monthly Cost
$0.00
0.00 kWh/month
Yearly Cost
$0.00
0.00 kWh/year

Cost Comparison Chart

Multi-Appliance Calculator

<h3>Quick Add Presets</h3>
<div class="ec-presets">
  <button class="ec-preset-btn" onclick="ecMultiAddPreset(65,  'Laptop')">+ Laptop (65W)</button>
  <button class="ec-preset-btn" onclick="ecMultiAddPreset(300, 'Desktop PC')">+ Desktop (300W)</button>
  <button class="ec-preset-btn" onclick="ecMultiAddPreset(100, 'LED TV')">+ LED TV (100W)</button>
  <button class="ec-preset-btn" onclick="ecMultiAddPreset(150, 'Refrigerator')">+ Fridge (150W)</button>
  <button class="ec-preset-btn" onclick="ecMultiAddPreset(1500,'Air Conditioner')">+ AC (1500W)</button>
  <button class="ec-preset-btn" onclick="ecMultiAddPreset(500, 'Washer')">+ Washer (500W)</button>
  <button class="ec-preset-btn" onclick="ecMultiAddPreset(1000,'Microwave')">+ Microwave (1000W)</button>
</div>

<div class="ec-field" style="max-width:260px; margin-bottom:1rem;">
  <label>Electricity Rate ($/kWh)</label>
  <input type="number" id="ec-multi-rate" value="0.13" min="0.01" step="0.01" oninput="ecCalcMulti()" />
</div>

<div id="ec-appliance-list" class="ec-appliance-list"></div>

<div class="ec-row-actions">
  <button class="ec-btn ec-btn-success" onclick="ecMultiAddRow()">+ Add Appliance</button>
  <span class="ec-notice">Each row: name, watts, hours/day, days/month</span>
</div>
Total (all appliances)
$0.00
Daily
$0.00
Monthly
$0.00
Yearly
0.00
kWh/mo

Appliance Cost Breakdown

Energy Saving Tips

  • Unplug Standby DevicesIdle electronics can draw 5–10% of your total electricity. Unplug chargers and TVs when not in use.
  • Switch to LED BulbsLEDs use up to 80% less energy than incandescent bulbs and last 25x longer.
  • Optimize AC UsageEvery 1°C increase in AC setpoint saves ~3% on cooling costs. Use ceiling fans to feel cooler.
  • Run Full LoadsWashers and dishwashers use similar energy regardless of load size. Always run full loads.
  • Smart Power StripsUse smart strips to automatically cut power to peripherals when your main device turns off.
  • Off-Peak HoursSome utilities offer time-of-use rates. Shift heavy loads (laundry, dishwasher) to off-peak hours.