Add Social Security and Medicare taxes

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>
 

diff --git a/tax_ui.js b/tax_ui.js
index 0117dcc19df4ae62c77bc4265aa5e0c00644e538..1148f54246986fa27fe86d349f9d9a96af710e1a 100644 (file)
--- a/tax_ui.js
+++ b/tax_ui.js
@@ -10,17 +10,22 @@ function format_number(n) {
 }
 
 function calculate() {
 }
 
 function calculate() {

-  const table1 = load_tax_table('tax_table_1', 'deductible_1');
-  const table2 = load_tax_table('tax_table_2', 'deductible_2');
+  const tax_tables = [
+    load_tax_table('tax_table_1', 'deductible_1'),
+    load_tax_table('tax_table_2', 'deductible_2'),
+    load_tax_table('tax_table_3'),
+    load_tax_table('tax_table_4')
+  ];

   const after_tax = parseFloat(document.getElementById('after_tax').value);
 
   const after_tax = parseFloat(document.getElementById('after_tax').value);
 

-  const before_tax = invert(merge_tax_tables(table1, table2))(after_tax);
-
-  const tax1 = tax(table1, before_tax);
-  const tax2 = tax(table2, before_tax);
+  const merged_tax_table = tax_tables.reduce(merge_tax_tables);
+  const before_tax = invert(merged_tax_table)(after_tax);
+  const taxes = tax_tables.map(t => tax(t, before_tax));

 
   document.getElementById('before_tax').textContent = format_number(before_tax);
 
   document.getElementById('before_tax').textContent = format_number(before_tax);

-  document.getElementById('tax_1').textContent = format_number(tax1);
-  document.getElementById('tax_2').textContent = format_number(tax2);
-  document.getElementById('after_tax_verification').textContent = format_number(before_tax - (tax1 + tax2));
+  document.getElementById('tax_1').textContent = format_number(taxes[0]);
+  document.getElementById('tax_2').textContent = format_number(taxes[1]);
+  document.getElementById('tax_3').textContent = format_number(taxes[2]);
+  document.getElementById('tax_4').textContent = format_number(taxes[3]);
+  document.getElementById('after_tax_verification').textContent = format_number(before_tax - sum(taxes));

 }
 }