55 lines
1.9 KiB
HTML
55 lines
1.9 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="it">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Gestore Spese</title>
|
|
<link rel="stylesheet" href="style.css">
|
|
</head>
|
|
<body>
|
|
<a href="../index.html" style="position: absolute; top: 20px; left: 20px; text-decoration: none; color: #555; font-weight: bold;">← Dashboard</a>
|
|
|
|
<h1>💰 Gestore Spese</h1>
|
|
|
|
<div class="input-group">
|
|
<select id="categoria">
|
|
<option value="">Categoria</option>
|
|
<option value="Cibo">🍔 Cibo</option>
|
|
<option value="Trasporti">🚗 Trasporti</option>
|
|
<option value="Intrattenimento">🎬 Intrattenimento</option>
|
|
<option value="Utenze">💡 Utenze</option>
|
|
<option value="Salute">🏥 Salute</option>
|
|
<option value="Altro">📦 Altro</option>
|
|
</select>
|
|
<input type="number" id="importo" placeholder="Importo (€)" min="0" step="0.01">
|
|
<input type="text" id="descrizione" placeholder="Descrizione">
|
|
<button id="btnAggiungi">Aggiungi</button>
|
|
</div>
|
|
|
|
<div class="stats-box">
|
|
<div class="stat">
|
|
<span class="stat-label">Totale</span>
|
|
<span class="stat-value">€ <span id="totaleSpese">0.00</span></span>
|
|
</div>
|
|
<div class="stat">
|
|
<span class="stat-label">N° Spese</span>
|
|
<span class="stat-value"><span id="numeroSpese">0</span></span>
|
|
</div>
|
|
<div class="stat">
|
|
<span class="stat-label">Media</span>
|
|
<span class="stat-value">€ <span id="mediaSpesa">0.00</span></span>
|
|
</div>
|
|
</div>
|
|
|
|
<h2>Spese per Categoria</h2>
|
|
<div id="categorieStime">
|
|
<!-- Generato dinamicamente -->
|
|
</div>
|
|
|
|
<div class="button-group">
|
|
<button id="btnRipristina" class="btn-delete">Elimina Tutte</button>
|
|
</div>
|
|
|
|
<script src="script.js"></script>
|
|
</body>
|
|
</html>
|