Scribd
Upload
6 views

Index HTML

Uploaded by

tanmayntandel7
Copyright
© © All Rights Reserved
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
6 views

Index HTML

Uploaded by

tanmayntandel7
Copyright
© © All Rights Reserved
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 1

<!

DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My Savings Manager</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- Login Section -->
<div class="login-container" id="login-container">
<h1>Login to Savings Manager</h1>
<input type="password" id="password" placeholder="Enter Password">
<button onclick="login()">Login</button>
<div class="message" id="login-message"></div>
</div>

<!-- Main App Section -->


<div class="container hidden" id="app-container">
<header>
<h1>My Savings Manager</h1>
<button class="logout-btn" onclick="logout()">Logout</button>
</header>

<h2>Add New Transaction</h2>


<input type="number" id="amount" placeholder="Enter amount (use negative
for expense)">
<input type="text" id="description" placeholder="Enter description">
<select id="category">
<option value="income">Income</option>
<option value="expense">Expense</option>
<option value="investment">Investment</option>
<option value="savings">Savings</option>
</select>
<button onclick="addTransaction()">Add Transaction</button>

<div class="balance" id="balance">Total Balance: ₹0</div>

<h3>Transaction History</h3>
<ul id="transaction-history"></ul>
</div>

<script src="script.js"></script>
</body>
</html>

You might also like