Print
Share page with AddThis

Test 3

<!DOCTYPE html>

<html lang="en">

  <head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <link rel="stylesheet" href="src/style.css">

  </head>

  <form action="" onsubmit="recalc();" id="taxcalc">

 

<h2>Projected Tax Change Calculator</h2>

 

<table class="taxcalc">

 

<tr><td colspan="2" align="center">Enter your property's Assessed Value and the Mill Rate from two different years to compare</td></tr>

 

<tr>

 

<td align="right">

 

<h3>Before</h3>

 

<label for="assessed">Assessed Value of Property: $</label><input type="number" name="currassessed" value="0.00" /><br />

 

<label for="currrate">Mill Rate (Tax Rate): </label><input type="number" name="currrate" size="5" value="30.10" /><br />

 

<p>Property Tax: $ <span id="currenttax">0</span></p>

 

</td>

 

<td align="right">

 

<h3>After</h3>

 

<label for="assessed">Assessed Value of Property: $</label><input type="number" name="projassessed" value="0.00" /><br />

 

<label for="projrate">Mill Rate (Tax Rate): </label><input type="number" name="projrate" size="5" value="25.88" /><br />

 

<p>Property Tax: $ <span id="projectedtax">0</span></p>

 

</td>

 

</tr>

 

<tr>

 

<td colspan="2" align="center">

 

<p>Property Assessment Change: $ <span id="propdifference">0</span> = <span id="propdifferencepct">0</span>%</p>

 

<p>Mill Rate Change: <span id="milldifference">0</span> = <span id="milldifferencepct">0</span>%</p>

 

<p class="total">Projected Tax Change: $ <span id="taxdifference">0</span> = <span id="taxdifferencepct">0</span>%</p>

 

</td>

 

</tr>

 

<tr>

 

<td colspan="2" align="center"><input type="button" value="Reset" onclick="this.form.reset(); recalc();" /><input type="button" onclick="recalc();" value="Calculate" /></td>

 

</tr>

 

</table>

 

<p>To calculate the property tax, multiply the assessment of the property by the mill rate and divide by 1,000. For example, a property with an assessed value of $50,000 located in a municipality with a mill rate of 20 mills would have a property tax bill of <b>$1,000 per year</b>.</p>

 

<script lang="text/javascript" xml:lang="text/javascript" xml:lang="text/javascript">

 

<!--//--><![CDATA[// ><!--

 

 

 

<!--//--><![CDATA[// ><!--

 

 

 

var theForm = document.forms["taxcalc"];

 

function recalc() {

 

var currassessed = theForm.elements["currassessed"].value;

 

var currRate = theForm.elements["currrate"].value;

 

var projassessed = theForm.elements["projassessed"].value;

 

var projRate = theForm.elements["projrate"].value;

 

var propDiff = projassessed - currassessed;

 

var propDiffPct = Math.round(((projassessed/currassessed)-1)*10000)/100;

 

if(currassessed == 0){propDiffPct = 0.00;}

 

var millDiff = Math.round((projRate - currRate)*100)/100;

 

//var millDiffPct = round(((projRate/currRate)-1)*100);

 

var millDiffPct = Math.round(((projRate/currRate)-1)*10000)/100;

 

var currTax = Math.round((currassessed*currRate)/10)/100.0;

 

var projTax = Math.round((projassessed*projRate)/10)/100.0;

 

var taxDiff = Math.round((projTax - currTax)*100)/100;

 

var taxDiffPct = Math.round(((projTax/currTax)-1)*10000)/100;

 

if(projTax == 0){taxDiffPct = 0.00;}

 

document.getElementById("currenttax").innerHTML = currTax;

 

document.getElementById("projectedtax").innerHTML = projTax;

 

 

 

document.getElementById("propdifference").innerHTML = propDiff;

 

document.getElementById("propdifferencepct").innerHTML = propDiffPct;

 

document.getElementById("milldifference").innerHTML = millDiff;

 

document.getElementById("milldifferencepct").innerHTML = millDiffPct;

 

document.getElementById("taxdifference").innerHTML = taxDiff;

 

document.getElementById("taxdifferencepct").innerHTML = taxDiffPct;

 

}

 

function round(num) {

 

return Math.ceil(num*100)/100;

 

}

 

recalc();

 

 

 

//--><!]]]]><![CDATA[>

 

 

 

//--><!]]>

 

</script></form> </div>

 

</div>

 

</p>

  <body>

   

    <h1>Hi friend, try edit xxxxxx me!</h1>

 

  </body>

</html>