X-Git-Url: http://git.scottworley.com/inverse-tax/blobdiff_plain/151ede0ff13d8942d91f13a4f52da8a1971a4296..5467af6ad48b6bfdf220671a68f2888b51a24570:/index.html?ds=sidebyside

diff --git a/index.html b/index.html
index 9f2f4b0..b70a28f 100644
--- a/index.html
+++ b/index.html
@@ -3,9 +3,11 @@
 <head>
 <script src="tax.js"></script>
 <script src="tax_ui.js"></script>
+<!-- Tests are in tax.test.js -->
 <style>
   td { padding: .5em; vertical-align: top}
   textarea { height: 12em; }
+  textarea.small { height: 4em; }
   input { width: 7em }
   .output { padding: 1em; background-color: #eee; border: thin solid #888; width: max-content;  }
   .privacy_policy { margin-top: 5em; }
@@ -19,40 +21,55 @@
 <table>
 <tr>
 <td>
-Federal deductible<br/><input id="deductible_1" value="24000" onchange="calculate()" oninput="calculate()"/>
+Federal deductible<br/><input id="deductible_1" value="27700" onchange="calculate()" oninput="calculate()"/>
 </td>
 <td>
-State deductible<br/><input id="deductible_2" value="8258" onchange="calculate()" oninput="calculate()"/>
+State deductible<br/><input id="deductible_2" value="10404" onchange="calculate()" oninput="calculate()"/>
 </td>
 </tr>
 <tr>
 <td>
 Federal tax table<br/>
 <textarea id="tax_table_1" onchange="calculate()" oninput="calculate()">     0 10
- 18651 15
- 75901 25
-153101 28
-233351 33
-416701 35
-470001 39.6</textarea>
+ 22000 12
+ 89450 22
+190750 24
+364200 32
+462500 32
+683750 35</textarea>
 </td>
 <td>
 State tax table<br/>
 <textarea id="tax_table_2" onchange="calculate()" oninput="calculate()">      0  1
-  16030  2
-  38002  4
-  59978  6
-  83258  8
- 105224  9.3
- 537500 10.3
- 644998 11.3
-1000000 12.3
-1074996 13.3</textarea>
+  20198  2
+  47884  4
+  76576  6
+ 104910  8
+ 132590  9.3
+ 677278 10.3
+ 812728 11.3
+1354550 12.3</textarea>
 <br/>(Initial table is California's)
 </td>
 </tr>
 <tr>
-<td colspan="2">
+<td>
+Social Security tax<br/>
+<textarea id="tax_table_3" class="small" onchange="calculate()" oninput="calculate()">      0  6.2
+ 160200  0</textarea>
+</td>
+<td>
+Medicare tax<br/>
+<textarea id="tax_table_4" class="small" onchange="calculate()" oninput="calculate()">      0  1.45
+ 250000  2.35</textarea>
+</td>
+<td>
+Business tax<br/>
+<textarea id="tax_table_5" class="small" onchange="calculate()" oninput="calculate()">      0  0.427</textarea>
+</td>
+</tr>
+<tr>
+<td colspan="3">
 Desired after-tax salary</br>
 <input id="after_tax" value="100000" onchange="calculate()" oninput="calculate()">
 </td></tr>
@@ -63,6 +80,9 @@ Desired after-tax salary</br>
   <strong><span id="before_tax"></span> before tax</strong>
   - <span id="tax_1"></span> federal tax
   - <span id="tax_2"></span> state tax
+  - <span id="tax_3"></span> social security tax
+  - <span id="tax_4"></span> medicare tax
+  - <span id="tax_5"></span> business tax
   = <span id="after_tax_verification"></span> after tax.
 </p>
 
