<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; }
</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>
<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>