https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js
https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.1.3/Chart.min.js
.custom-form {
text-align: center;
color: #f07b4a;
border: 5px solid;
padding: 20px 120px 5px;
margin: 0 auto;
}
.custom-form .form-group .label-left {
float: left;
font-size: 18px;
color: #9f3424;
line-height: 35px;
}
.custom-form label {
font-size: 22px;
color: #000;
margin: 0;
}
.custom-form h2 {
font-size: 30px;
font-weight: bold;
text-decoration: underline;
margin: 15px 0px;
}
.custom-form h6 {
font-size: 14px;
font-weight: revert;
margin-bottom: 30px;
}
.custom-form .form-row .form-control {
border: 1px solid #f07b4a;
border-radius: 10px;
}
.custom-form select {
background: #f07b4a;
color: white;
}.custom-form select:focus {
background: #f07b4a;
color: white;
}
.custom-form .form-clabel {
text-decoration: underline;
color: #f07b4a;
margin-bottom: 0px;
}
.custom-form .btn {
font-weight: bold;
padding: 5px 20px;
font-size: 18px;
margin: 15px 0 0px;
background-color: #f07b4a;
border: none;
letter-spacing: 0.2;
}
.custom-form p {
font-size: 14px;
}
<!--
<!--

Home Finance Calculator
TRELLIS HOUSING FINANCE LIMITED
Choose your option
5
10
15
20
25
Term And Conditions Apply*
answer and payment fields to hide after checking
--><!--
Max loan field will be hidden after checking
--> function sum() { var txtFirstNumberValue = document.getElementById('interest').value; var result = parseFloat(txtFirstNumberValue) / 100/ 12; if (!isNaN(result)) { document.getElementById('i').value = result; } var paymentvalue = document.getElementById('payment').value; var incomevalue = document.getElementById('income').value; var result = /* Math.round(*/paymentvalue / incomevalue * 100/*) */; if (!isNaN(result)) { document.getElementById('dbr').value = result.toFixed(2); } var incomevaluee = document.getElementById('income').value; var result = parseFloat(incomevaluee * 0.3); if (!isNaN(result)) { document.getElementById('m').value = result; } var ianswer1value = document.getElementById('i').value; var result = (parseFloat(ianswer1value) + 1); if (!isNaN(result)) { document.getElementById('ianswer1').value = result; } var ianswer3value = document.getElementById('ianswer1').value; var tetetevalue = document.getElementById('tanswer').value; var result = Math.pow(ianswer3value,tetetevalue); if (!isNaN(result)) { document.getElementById('ianswer3').value = result; } var ianswer2value = document.getElementById('ianswer3').value; var result = (parseFloat(ianswer2value) - 1); if (!isNaN(result)) { document.getElementById('ianswer2').value = result; } var ianswer222valuee = document.getElementById('i').value; var ianswer2s2awvaluee = document.getElementById('ianswer2').value; var result = parseFloat(ianswer222valuee / ianswer2s2awvaluee); if (!isNaN(result)) { document.getElementById('ianswer222').value = result; } var ianswerw23e2valuee = document.getElementById('ianswer222').value; var ianswer2s2dddwvaluee = document.getElementById('i').value; var result = (parseFloat(ianswerw23e2valuee) + parseFloat(ianswer2s2dddwvaluee)); if (!isNaN(result)) { document.getElementById('ianswer4').value = result; } var ianswer5value = document.getElementById('financing').value; var ianswer554value = document.getElementById('ianswer4').value; var result = parseFloat(ianswer5value * ianswer554value); if (!isNaN(result)) { document.getElementById('answer').value = result.toFixed(2); } var ianswer53value = document.getElementById('answer').value; var result = Math.round(ianswer53value); if (!isNaN(result)) { document.getElementById('payment').value = result; } /* max loan starts here */ var iansweree1value = document.getElementById('tanswer').value; var result = (parseFloat(- iansweree1value)); if (!isNaN(result)) { document.getElementById('ianswerloan1').value = result; } var ianswerddvalue = document.getElementById('i').value; var result = (parseFloat(ianswerddvalue) + 1); if (!isNaN(result)) { document.getElementById('ianswerloan2').value = result; } var ianswer3fervalue = document.getElementById('ianswerloan2').value; var tetetevalgtrue = document.getElementById('ianswerloan1').value; var result = Math.pow(ianswer3fervalue,tetetevalgtrue); if (!isNaN(result)) { document.getElementById('ianswerloan3').value = result; } var ianswerddvalue = document.getElementById('ianswerloan3').value; var result = (parseFloat(1 - ianswerddvalue) ); if (!isNaN(result)) { document.getElementById('ianswerloan4').value = result; } var ianswuuualue = document.getElementById('ianswerloan4').value; var ianswuujjualue = document.getElementById('m').value; var result = parseFloat(ianswuuualue * ianswuujjualue); if (!isNaN(result)) { document.getElementById('ianswerloan5').value = result; } var ianswuuuavfvflue = document.getElementById('ianswerloan5').value; var ianswuujjuhhhalue = document.getElementById('i').value; var result = Math.round(ianswuuuavfvflue / ianswuujjuhhhalue); if (!isNaN(result)) { document.getElementById('maxloan').value = result; } /* DBR POPUP START */ $('#dbr').keyup(function(){ if ($(this).val() > 35){ alert("You Do not Qualify For Loan DBR Must Be Less Than Or Equal To 35%"); $(this).val(''); } }); /* DBR POPUP END */ } /* tenor answer multiply by 12 */ function calculateAmount(val) { var tot_price = val * 12; /*display the result*/ var divobj = document.getElementById('tanswer'); divobj.value = tot_price; } function hpmpGraph() { var hp = document.hpmpForm.HP.value, mp = document.hpmpForm.MP.value, ctx = document.getElementById('hpmpratio').getContext('2d'); var data = { labels: ["DBR","out of "], datasets: [{ data: [mp,hp], backgroundColor: ["#EF0000","#0000EF"], hoverBackgroundColor: ["#FF0000","#0000FF"] }] }; var options = {}; var myPieChart = new Chart(ctx, { type: 'pie', data: data, options: options }); }