Add Social Security and Medicare taxes

[inverse-tax] / index.html

diff --git a/index.html b/index.html
index 68bc0846f5ceabc16fad23752783815e4db68e94..6702ed3918626c0565af80e42144c3ebfa5e8bf9 100644 (file)
--- a/index.html
+++ b/index.html
@@ -7,6 +7,7 @@
 <style>
   td { padding: .5em; vertical-align: top}
   textarea { height: 12em; }
 <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; }
   input { width: 7em }
   .output { padding: 1em; background-color: #eee; border: thin solid #888; width: max-content;  }
   .privacy_policy { margin-top: 5em; }


@@ -52,6 +53,18 @@ State tax table<br/>
 </td>
 </tr>
 <tr>
 </td>
 </tr>
 <tr>

+<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>
+</tr>
+<tr>

 <td colspan="2">
 Desired after-tax salary</br>
 <input id="after_tax" value="100000" onchange="calculate()" oninput="calculate()">
 <td colspan="2">
 Desired after-tax salary</br>
 <input id="after_tax" value="100000" onchange="calculate()" oninput="calculate()">


@@ -63,6 +76,8 @@ 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
   <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="after_tax_verification"></span> after tax.
 </p>
 
   = <span id="after_tax_verification"></span> after tax.
 </p>