]> git.scottworley.com Git - inverse-tax/blame_incremental - index.html
load_tax_table: Optional deductible
[inverse-tax] / index.html
... / ...
CommitLineData
1<!DOCTYPE html>
2<html>
3<head>
4<script src="tax.js"></script>
5<script src="tax_ui.js"></script>
6<!-- Tests are in tax.test.js -->
7<style>
8 td { padding: .5em; vertical-align: top}
9 textarea { height: 12em; }
10 input { width: 7em }
11 .output { padding: 1em; background-color: #eee; border: thin solid #888; width: max-content; }
12 .privacy_policy { margin-top: 5em; }
13</style>
14</head>
15<body onload="calculate()">
16<h1>Inverse income tax tool</h1>
17<p>What before-tax salary is needed to provide a specified after-tax salary?</p>
18
19<form>
20<table>
21<tr>
22<td>
23Federal deductible<br/><input id="deductible_1" value="27700" onchange="calculate()" oninput="calculate()"/>
24</td>
25<td>
26State deductible<br/><input id="deductible_2" value="10404" onchange="calculate()" oninput="calculate()"/>
27</td>
28</tr>
29<tr>
30<td>
31Federal tax table<br/>
32<textarea id="tax_table_1" onchange="calculate()" oninput="calculate()"> 0 10
33 22000 12
34 89450 22
35190750 24
36364200 32
37462500 32
38683750 35</textarea>
39</td>
40<td>
41State tax table<br/>
42<textarea id="tax_table_2" onchange="calculate()" oninput="calculate()"> 0 1
43 20198 2
44 47884 4
45 76576 6
46 104910 8
47 132590 9.3
48 677278 10.3
49 812728 11.3
501354550 12.3</textarea>
51<br/>(Initial table is California's)
52</td>
53</tr>
54<tr>
55<td colspan="2">
56Desired after-tax salary</br>
57<input id="after_tax" value="100000" onchange="calculate()" oninput="calculate()">
58</td></tr>
59</table>
60</form>
61
62<p class="output">
63 <strong><span id="before_tax"></span> before tax</strong>
64 - <span id="tax_1"></span> federal tax
65 - <span id="tax_2"></span> state tax
66 = <span id="after_tax_verification"></span> after tax.
67</p>
68
69<p class="privacy_policy">Privacy policy: All calculations are client-side; no figures are sent to any server.</p>
70</body>
71</html>