Untitled
unknown
html
a year ago
1.6 kB
12
Indexable
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tax Optimization Calculator</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div class="container">
<h1>Tax Optimization Calculator</h1>
<!-- Input for Lump Sum Amount -->
<label for="amount">Enter Lump Sum Amount (SGD):</label>
<input type="number" id="amount" placeholder="Enter amount">
<!-- Input for Corporate Tax Rate -->
<label for="corporateTaxRate">Corporate Tax Rate (%):</label>
<input type="number" id="corporateTaxRate" placeholder="Enter corporate tax rate" value="17">
<!-- Input for Personal Tax Rates -->
<h3>Personal Income Tax Rates</h3>
<div id="personalTaxRates">
<div class="tax-bracket">
<label>Income From:</label>
<input type="number" class="min" placeholder="Min" value="0">
<label>To:</label>
<input type="number" class="max" placeholder="Max" value="20000">
<label>Rate (%):</label>
<input type="number" class="rate" placeholder="Rate" value="0">
</div>
<!-- Add more brackets dynamically or statically -->
</div>
<button onclick="addTaxBracket()">Add Tax Bracket</button>
<!-- Calculate Button -->
<button onclick="calculate()">Calculate</button>
<!-- Results -->
<h2>Results</h2>
<p id="dividendsResult"></p>
<p id="directorFeesResult"></p>
<p id="optimalOption"></p>
</div>
<script src="script.js"></script>
</body>
</html>Editor is loading...
Leave a Comment