Symbolic Rakam Tracker
Greatshiv.com
October 31, 2025
0 Comments
💓HTML Save Ase Html Work💗
👇
<!DOCTYPE html>
<html lang="hi">
<head>
<meta charset="UTF-8">
<title>Symbolic Rakam Tracker</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Bootstrap CDN -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
<style>
.entry-card { margin-bottom: 15px; border-left: 5px solid #007bff; padding: 10px; background: #f8f9fa; }
.hidden { display: none; }
#totalBox { font-size: 1.2rem; font-weight: bold; margin-top: 20px; }
</style>
</head>
<body class="container py-4">
<h2 class="mb-4">💠 Symbolic Rakam Tracker</h2>
<div id="entries"></div>
<div id="totalBox">कुल राशि: ₹0</div>
<script>
let entryCount = 0;
let total = 0;
function createEntry(index) {
const card = document.createElement('div');
card.className = 'entry-card';
card.innerHTML = `
<div class="row g-2">
<div class="col-md-2">
<label class="form-label">क्रमांक</label>
<input type="text" class="form-control" value="${index + 1}" readonly>
</div>
<div class="col-md-5">
<label class="form-label">नाम</label>
<input type="text" class="form-control" placeholder="नाम लिखें">
</div>
<div class="col-md-5">
<label class="form-label">रकम</label>
<input type="number" class="form-control amount" placeholder="₹0" oninput="handleInput(this)">
</div>
</div>
`;
document.getElementById('entries').appendChild(card);
}
function handleInput(input) {
const allAmounts = document.querySelectorAll('.amount');
total = 0;
allAmounts.forEach((inp, i) => {
const val = parseFloat(inp.value);
if (!isNaN(val)) total += val;
// Show next bracket if current has value and next doesn't exist
if (i === allAmounts.length - 1 && val > 0) {
createEntry(entryCount++);
}
});
document.getElementById('totalBox').textContent = `कुल राशि: ₹${total}`;
}
// Initial bracket
createEntry(entryCount++);
</script>
</body>
</html>
💬
