Kamp ve Seyahat Masraf Bölüştürücü (Grup Bütçe Hesaplama)

.geziyoo-app { width: 100%; margin: 20px auto; font-family: Arial, sans-serif; color: #333; } .geziyoo-header { text-align: center; margin-bottom: 30px; } .geziyoo-header h3 { color: #2e7d32; font-size: 24px; margin-bottom: 10px; } .geziyoo-grid { display: flex; flex-wrap: wrap; gap: 20px; } .geziyoo-panel { flex: 1; min-width: 300px; background: #fdfdfd; padding: 25px; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.05); border-top: 4px solid #2e7d32; } .geziyoo-panel h4 { margin-top: 0; border-bottom: 2px solid #e8f5e9; padding-bottom: 10px; color: #555; } .g-input-group { display: flex; gap: 10px; margin-bottom: 15px; } /* Temanın renk ayarlarını ezmek için kesin (!important) kurallar */ .g-input-group input, .g-input-group select { padding: 10px; border: 1px solid #ccc; border-radius: 6px; width: 100%; box-sizing: border-box; color: #111 !important; background-color: #fff !important; min-height: 42px; font-size: 15px; } .g-input-group select option { color: #111 !important; background-color: #fff !important; } .g-btn { background-color: #2e7d32; color: white; border: none; padding: 10px 15px; border-radius: 6px; cursor: pointer; font-weight: bold; transition: 0.3s; white-space: nowrap; } .g-btn:hover { background-color: #1b5e20; } .g-btn-danger { background-color: #d32f2f; width: 100%; margin-top:10px; } .g-btn-danger:hover { background-color: #b71c1c; } .g-list { list-style: none; padding: 0; margin: 0 0 20px 0; } .g-list li { background: #f1f1f1; margin-bottom: 8px; padding: 10px; border-radius: 6px; display: flex; justify-content: space-between; align-items: center; color: #111 !important; } .g-remove-btn { background: none; border: none; color: #d32f2f; cursor: pointer; font-weight: bold; font-size: 16px; padding: 0 5px; } .g-result-box { background: #e8f5e9; padding: 20px; border-radius: 8px; margin-top: 20px; } .g-transfer-item { font-size: 16px; padding: 8px 0; border-bottom: 1px dashed #ccc; color: #111; } .g-transfer-item:last-child { border-bottom: none; } ⛺ Kamp & Seyahat Masraf Bölüştürücü Ekibi ve harcamaları ekleyin, kimin kime ne kadar borcu olduğunu anında görün. 1. Ekip Üyeleri Ekle 2. Harcamalar Önce Kişi Ekleyin... Ekle 💰 Hesap Özeti Toplu hesaplama için kişi ve harcama ekleyin. 🗑️ Tüm Verileri Temizle (function() { function baslatGeziyooApp() { var persons = JSON.parse(localStorage.getItem('gz_persons')) || []; var expenses = JSON.parse(localStorage.getItem('gz_expenses')) || []; var pList = document.getElementById('gPersonList'); var eList = document.getElementById('gExpenseList'); var pSelect = document.getElementById('gExpPayer'); function saveData() { localStorage.setItem('gz_persons', JSON.stringify(persons)); localStorage.setItem('gz_expenses', JSON.stringify(expenses)); } function render() { // Kişileri Çiz pList.innerHTML = ''; persons.forEach(function(p) { pList.innerHTML += '' + p + ' ✖'; }); // Harcamaları Çiz eList.innerHTML = ''; expenses.forEach(function(e) { eList.innerHTML += '' + e.desc + ' (' + e.payer + ') ' + e.amount + ' ₺ ✖'; }); // Seçim Kutusunu Güncelle pSelect.innerHTML = ''; if(persons.length === 0) { pSelect.innerHTML = 'Önce Kişi Ekleyin...'; } else { pSelect.innerHTML = 'Ödeyen Kişiyi Seçin...'; persons.forEach(function(p) { pSelect.innerHTML += '' + p + ''; }); } hesapla(); } function hesapla() { if (persons.length === 0) { document.getElementById('gSettlementList').innerHTML = "Toplu hesaplama için kişi ve harcama ekleyin."; document.getElementById('gSummaryText').innerText = ""; return; } var totalAmount = 0; var balances = {}; persons.forEach(function(p) { balances[p] = 0; }); expenses.forEach(function(e) { totalAmount += e.amount; if (balances[e.payer] !== undefined) { balances[e.payer] += e.amount; } }); var perPerson = totalAmount / persons.length; document.getElementById('gSummaryText').innerText = "Toplam Harcama: " + totalAmount.toFixed(2) + " ₺ | Kişi Başı: " + perPerson.toFixed(2) + " ₺"; var debtors = []; var creditors = []; for (var person in balances) { if (balances.hasOwnProperty(person)) { var diff = balances[person] - perPerson; if (diff 0.01) creditors.push({ name: person, amount: diff }); } } var settlementHTML = ""; var i = 0, j = 0; while (i < debtors.length && j < creditors.length) { var debtor = debtors[i]; var creditor = creditors[j]; var transfer = Math.min(debtor.amount, creditor.amount); settlementHTML += '💸 ' + debtor.name + ', ' + creditor.name + '\'a ' + transfer.toFixed(2) + ' ₺ ödemeli.'; debtor.amount -= transfer; creditor.amount -= transfer; if (debtor.amount < 0.01) i++; if (creditor.amount < 0.01) j++; } if (settlementHTML === "") { settlementHTML = "Herkesin hesabı denk! Ödenecek borç yok. 🎉"; } document.getElementById('gSettlementList').innerHTML = settlementHTML; } // --- Olay Dinleyicileri (Event Listeners) --- // Kişi Ekleme document.getElementById('btnAddPerson').addEventListener('click', function(e) { e.preventDefault(); var nameInput = document.getElementById('gPersonName'); var name = nameInput.value.trim(); if (name !== "" && persons.indexOf(name) === -1) { persons.push(name); nameInput.value = ''; saveData(); render(); } else if (name !== "") { alert("Bu isim zaten ekli!"); } }); // Harcama Ekleme document.getElementById('btnAddExpense').addEventListener('click', function(e) { e.preventDefault(); var desc = document.getElementById('gExpDesc').value.trim(); var amount = parseFloat(document.getElementById('gExpAmount').value); var payer = document.getElementById('gExpPayer').value; if (desc !== "" && amount > 0 && payer !== "") { expenses.push({ id: Date.now(), desc: desc, amount: amount, payer: payer }); document.getElementById('gExpDesc').value = ''; document.getElementById('gExpAmount').value = ''; saveData(); render(); } else { alert("Lütfen harcama detaylarını eksiksiz girin ve ödeyen kişiyi seçin."); } }); // Silme İşlemleri (Event Delegation) document.getElementById('geziyooApp').addEventListener('click', function(e) { if (e.target && e.target.classList.contains('g-remove-btn')) { var type = e.target.getAttribute('data-type'); var val = e.target.getAttribute('data-val'); if (type === 'person') { persons = persons.filter(function(p) { return p !== val; }); expenses = expenses.filter(function(exp) { return exp.payer !== val; }); } else if (type === 'expense') { val = parseInt(val, 10); expenses = expenses.filter(function(exp) { return exp.id !== val; }); } saveData(); render(); } }); // Tümünü Temizle document.getElementById('btnClearData').addEventListener('click', function(e) { e.preventDefault(); if (confirm("Tüm kişileri ve harcamaları silmek istediğinize emin misiniz?")) { persons = []; expenses = []; saveData(); render(); } }); render(); } // Kodun sayfa tamamen yüklendikten sonra çalışmasını garantile if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', baslatGeziyooApp); } else { baslatGeziyooApp(); } })();

⛺ Kamp & Seyahat Masraf Bölüştürücü

1. Ekip Üyeleri

2. Harcamalar

💰 Hesap Özeti

İlgili Makaleler