document.addEventListener("DOMContentLoaded", function () {
// Data menu dan harga
const menuItems = [
{ name: "Teh Original", price: 5000 },
{ name: "Thai Tea", price: 7000 },
{ name: "Lemon Tea", price: 7000 },
{ name: "Green Tea", price: 8500 },
{ name: "Milk Tea", price: 10000 },
{ name: "Green Tea Latte", price: 12000 }
];
// Elemen-elemen penting
const transaksiTable = document.getElementById("transaksi-body");
const totalKeuntungan = document.getElementById("total-keuntungan");
const jumlahTransaksi = document.getElementById("jumlah-transaksi");
const resetDataBtn = document.getElementById("reset-data-btn");
const laporanHarianBtn = document.getElementById("laporan-harian-btn");
const laporanBulananBtn = document.getElementById("laporan-bulanan-btn");
const printNotaBtn = document.getElementById("print-nota-btn");
let transaksi = [];
// Fungsi untuk menampilkan transaksi
function updateTransaksiTable() {
transaksiTable.innerHTML = "";
let total = 0;
transaksi.forEach((item, index) => {
total += item.price * item.quantity;
transaksiTable.innerHTML += `
| ${index + 1} |
${item.name} |
${item.quantity} |
Rp ${item.price * item.quantity} |
|
`;
});
// Menampilkan total transaksi
totalKeuntungan.innerText = `Rp ${total.toLocaleString()}`;
jumlahTransaksi.innerText = transaksi.length;
}
// Fungsi menambahkan transaksi
function tambahTransaksi(namaMenu) {
const menu = menuItems.find(item => item.name === namaMenu);
if (menu) {
const existing = transaksi.find(item => item.name === namaMenu);
if (existing) {
existing.quantity++;
} else {
transaksi.push({ ...menu, quantity: 1 });
}
updateTransaksiTable();
}
}
// Event listener untuk tombol menu
document.querySelectorAll(".menu-btn").forEach(button => {
button.addEventListener("click", function () {
tambahTransaksi(this.textContent.trim());
});
});
// Fungsi menghapus transaksi
window.hapusTransaksi = function (index) {
transaksi.splice(index, 1);
updateTransaksiTable();
};
// Fungsi reset data
resetDataBtn.addEventListener("click", function () {
transaksi = [];
updateTransaksiTable();
});
// Fungsi laporan harian
laporanHarianBtn.addEventListener("click", function () {
alert("Laporan harian sedang diproses...");
});
// Fungsi laporan bulanan
laporanBulananBtn.addEventListener("click", function () {
alert("Laporan bulanan sedang diproses...");
});
// Fungsi print nota
printNotaBtn.addEventListener("click", function () {
alert("Fitur print nota belum tersedia.");
});
});