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

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