git.scottworley.com Git - inverse-tax/blob - index.html

   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>