<!DOCTYPE html>
<html lang=”tr”>
<head>
<meta charset=”UTF-8″>
<title>Hobi Bahçesi Fatura Hesaplama</title>
</head>
<body>
<h2>Hobi Bahçesi Kişiye Özel Fatura Hesaplama</h2>
<label>Toplam Elektrik Fatura Tutarı (TL): <input type=”number” id=”elektrikFatura” value=”0″></label><br>
<label>Toplam Su Fatura Tutarı (TL): <input type=”number” id=”suFatura” value=”0″></label><br><br>
<table border=”1″ cellpadding=”5″ id=”kisiVeri”>
<tr>
<th>Kişi</th>
<th>Elektrik İlk</th>
<th>Elektrik Son</th>
<th>Su İlk</th>
<th>Su Son</th>
</tr>
</table>
<button onclick=”hesapla()”>Hesapla</button>
<h3>Sonuç:</h3>
<table border=”1″ cellpadding=”5″ id=”sonucTablosu”>
<tr>
<th>Kişi</th>
<th>Elektrik Tutarı (TL)</th>
<th>Su Tutarı (TL)</th>
<th>Toplam (TL)</th>
</tr>
</table>
<script>
const kisiler = [
“Ahmet”, “Mehmet”, “Ayşe”, “Fatma”, “Ali”, “Veli”
// Buraya 60 kişiyi ekleyebilirsin aynı mantıkla devam et
];
const kisiVeriTablosu = document.getElementById(‘kisiVeri’);
kisiler.forEach((kisi, index) => {
kisiVeriTablosu.innerHTML += `
<tr>
<td>${kisi}</td>
<td><input type=”number” id=”elektrikIlk_${index}” value=”0″></td>
<td><input type=”number” id=”elektrikSon_${index}” value=”0″></td>
<td><input type=”number” id=”suIlk_${index}” value=”0″></td>
<td><input type=”number” id=”suSon_${index}” value=”0″></td>
</tr>
`;
});
function hesapla() {
const elektrikFatura = parseFloat(document.getElementById(‘elektrikFatura’).value);
const suFatura = parseFloat(document.getElementById(‘suFatura’).value);
let toplamElektrikTuketim = 0;
let toplamSuTuketim = 0;
const tuketimler = kisiler.map((kisi, index) => {
const eIlk = parseFloat(document.getElementById(`elektrikIlk_${index}`).value);
const eSon = parseFloat(document.getElementById(`elektrikSon_${index}`).value);
const sIlk = parseFloat(document.getElementById(`suIlk_${index}`).value);
const sSon = parseFloat(document.getElementById(`suSon_${index}`).value);
const eTuketim = eSon – eIlk;
const sTuketim = sSon – sIlk;
toplamElektrikTuketim += eTuketim;
toplamSuTuketim += sTuketim;
return {
kisi: kisi,
eTuketim: eTuketim,
sTuketim: sTuketim
};
});
const tablo = document.getElementById(‘sonucTablosu’);
tablo.innerHTML = `
<tr>
<th>Kişi</th>
<th>Elektrik Tutarı (TL)</th>
<th>Su Tutarı (TL)</th>
<th>Toplam (TL)</th>
</tr>
`;
tuketimler.forEach(t => {
const ePay = toplamElektrikTuketim > 0 ? (t.eTuketim / toplamElektrikTuketim * elektrikFatura) : 0;
const sPay = toplamSuTuketim > 0 ? (t.sTuketim / toplamSuTuketim * suFatura) : 0;
const toplam = ePay + sPay;
tablo.innerHTML += `
<tr>
<td>${t.kisi}</td>
<td>${ePay.toFixed(2)}</td>
<td>${sPay.toFixed(2)}</td>
<td>${toplam.toFixed(2)}</td>
</tr>
`;
});
}
</script>
</body>
</html>
h2>Hobi Bahçesi Fatura Hesaplama</h2>
<label>Elektrik İlk Endeks: <input type=”number” id=”elektrikIlk” value=”0″></label><br>
<label>Elektrik Son Endeks: <input type=”number” id=”elektrikSon” value=”0″></label><br>
<label>Elektrik Fatura Tutarı (TL): <input type=”number” id=”elektrikFatura” value=”0″></label><br><br>
<label>Su İlk Endeks: <input type=”number” id=”suIlk” value=”0″></label><br>
<label>Su Son Endeks: <input type=”number” id=”suSon” value=”0″></label><br>
<label>Su Fatura Tutarı (TL): <input type=”number” id=”suFatura” value=”0″></label><br><br>
<button onclick=”hesapla()”>Hesapla</button>
<h3>Sonuç:</h3>
<table border=”1″ cellpadding=”5″ id=”sonucTablosu”>
<tr>
<th>Kişi</th>
<th>Elektrik Payı (TL)</th>
<th>Su Payı (TL)</th>
<th>Toplam (TL)</th>
</tr>
</table>
<script>
const kisiler = [
“Ahmet”, “Mehmet”, “Ayşe”, “Fatma”, “Ali”, “Veli”, “Zeynep”, “Emre”, “Hasan”, “Hüseyin”,
// Buraya toplam 60 kişiyi sırayla ekle
// “Kişi11”, “Kişi12”, …, “Kişi60”
];
function hesapla() {
const elektrikIlk = parseFloat(document.getElementById(‘elektrikIlk’).value);
const elektrikSon = parseFloat(document.getElementById(‘elektrikSon’).value);
const elektrikFatura = parseFloat(document.getElementById(‘elektrikFatura’).value);
const suIlk = parseFloat(document.getElementById(‘suIlk’).value);
const suSon = parseFloat(document.getElementById(‘suSon’).value);
const suFatura = parseFloat(document.getElementById(‘suFatura’).value);
const elektrikTuketim = elektrikSon – elektrikIlk;
const suTuketim = suSon – suIlk;
const elektrikKisiBasi = elektrikTuketim > 0 ? (elektrikFatura / kisiler.length) : 0;
const suKisiBasi = suTuketim > 0 ? (suFatura / kisiler.length) : 0;
const tablo = document.getElementById(‘sonucTablosu’);
tablo.innerHTML = `
<tr>
<th>Kişi</th>
<th>Elektrik Payı (TL)</th>
<th>Su Payı (TL)</th>
<th>Toplam (TL)</th>
</tr>
`;
kisiler.forEach(kisi => {
const toplam = (elektrikKisiBasi + suKisiBasi).toFixed(2);
tablo.innerHTML += `
<tr>
<td>${kisi}</td>
<td>${elektrikKisiBasi.toFixed(2)}</td>
<td>${suKisiBasi.toFixed(2)}</td>
<td>${toplam}</td>
</tr>
`;
});
}
</script>
