git.scottworley.com Git - inverse-tax/blame_incremental

... / ...

Commit	Line	Data
	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>
	23	Federal deductible<br/><input id="deductible_1" value="27700" onchange="calculate()" oninput="calculate()"/>
	24	</td>
	25	<td>
	26	State deductible<br/><input id="deductible_2" value="10404" onchange="calculate()" oninput="calculate()"/>
	27	</td>
	28	</tr>
	29	<tr>
	30	<td>
	31	Federal tax table<br/>
	32	<textarea id="tax_table_1" onchange="calculate()" oninput="calculate()"> 0 10
	33	22000 12
	34	89450 22
	35	190750 24
	36	364200 32
	37	462500 32
	38	683750 35</textarea>
	39	</td>
	40	<td>
	41	State 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
	50	1354550 12.3</textarea>
	51	<br/>(Initial table is California's)
	52	</td>
	53	</tr>
	54	<tr>
	55	<td colspan="2">
	56	Desired 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>