<!doctypehtml><!-- Salary Calculator By Fullintro - https://fullintro.com --><html lang=en><meta charset=UTF-8><meta content="width=device-width,initial-scale=1"name=viewport><meta content="ie=edge"http-equiv=X-UA-Compatible><link crossorigin=anonymous href=https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css integrity=sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO rel=stylesheet><link crossorigin=anonymous href=https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css integrity=sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN rel=stylesheet><title>Salary Calculator</title><style>#loading,#results{display:none}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background-color:#fff;outline:0;box-shadow:none;border-color:#ced4da}.container{max-width:600px}.card{background-color:#f0f0f0;border:6px solid #bfbfbf;border-radius:10px;margin-top:0!important}.btn{background-color:#1cab26!important;color:#fff!important;border-color:#1cab26!important;box-shadow:none!important;border-radius:5px;font-size:24px;margin-bottom:-15px;font-family:Arial}.btn:hover{background-color:#1cab26!important;color:#fff!important;border-color:#1cab26!important;box-shadow:none!important}.btn:focus{outline:0!important;box-shadow:none!important}.btn:active{background-color:#1cab26!important;color:#fff!important;border-color:#1cab26!important;box-shadow:none!important}#results .btn{background-color:#1cab26!important;color:#fff!important;border-color:#1cab26!important}</style><body class=bg-white><div class=container><div class=row><div class="col-md-12 mx-auto"><div class="card card-body mt-5 text-center"><form id=salary-form><div class="form-group input-group"><div class=input-group-prepend><span class=input-group-text>$</span></div><input class=form-control id=hourly-rate min=0.01 placeholder="Hourly Rate"required step=0.01 type=number></div><div class="form-group input-group"><div class=input-group-prepend><span class=input-group-text>Hours per Day:</span></div><input class=form-control id=hours-day min=0.1 placeholder="Hours Worked Per Day"required step=0.1 type=number max=24></div><div class="form-group input-group"><div class=input-group-prepend><span class=input-group-text>Holidays per Month:</span></div><input class=form-control id=holidays-month min=0 placeholder="Holidays Per Month"required step=1 type=number max=31></div><div class=form-group><input class="btn btn-block btn-dark"type=submit value=Calculate></div></form><div id=loading><br><h4 style=color:#444;font-family:Arial>Calculating...</h4></div><div class=pt-4 id=results><h5 style=color:#444><b>SALARY</b></h5><br><div class="form-group input-group"><div class=input-group-prepend><span class=input-group-text>Per Hour</span></div><input class=form-control id=salary-hour disabled></div><div class="form-group input-group"><div class=input-group-prepend><span class=input-group-text>Per Day</span></div><input class=form-control id=salary-day disabled></div><div class="form-group input-group"><div class=input-group-prepend><span class=input-group-text>Per Week</span></div><input class=form-control id=salary-week disabled></div><div class="form-group input-group"><div class=input-group-prepend><span class=input-group-text>Per Month</span></div><input class=form-control id=salary-month disabled></div><div class="form-group input-group"><div class=input-group-prepend><span class=input-group-text>Per Year</span></div><input class=form-control id=salary-year disabled></div></div></div></div></div></div><script>document.getElementById('salary-form').addEventListener('submit',function(e){e.preventDefault();document.getElementById('results').style.display='none';document.getElementById('loading').style.display='block';setTimeout(calculateSalary,2000)});function calculateSalary(){const hourlyRate=parseFloat(document.getElementById('hourly-rate').value);const hoursDay=parseFloat(document.getElementById('hours-day').value);const holidaysMonth=parseInt(document.getElementById('holidays-month').value);if(isNaN(hourlyRate)||isNaN(hoursDay)||isNaN(holidaysMonth)||hourlyRate<=0||hoursDay<=0||hoursDay>24||holidaysMonth<0||holidaysMonth>31){showError('Please enter valid values for Hourly Rate, Hours per Day, and Holidays per Month.');return}
const salaryHour=hourlyRate;const salaryDay=salaryHour*hoursDay;const workingDaysPerMonth=20-holidaysMonth;const salaryWeek=salaryDay*5;const salaryMonth=salaryDay*workingDaysPerMonth;const salaryYear=salaryMonth*12;if(isFinite(salaryDay)){document.getElementById('salary-hour').value=formatCurrency(salaryHour);document.getElementById('salary-day').value=formatCurrency(salaryDay);document.getElementById('salary-week').value=formatCurrency(salaryWeek);document.getElementById('salary-month').value=formatCurrency(salaryMonth);document.getElementById('salary-year').value=formatCurrency(salaryYear);document.getElementById('results').style.display='block';document.getElementById('loading').style.display='none'}else{showError('Please check your input values')}}
function formatCurrency(value){return `$${value.toFixed(2).replace(/\d(?=(\d{3})+\.)/g, '$&,')}`}
function showError(error){document.getElementById('results').style.display='none';document.getElementById('loading').style.display='none';const errorDiv=document.createElement('div');errorDiv.className='alert alert-danger';errorDiv.appendChild(document.createTextNode(error));const card=document.querySelector('.card');card.insertBefore(errorDiv,card.querySelector('.heading'));setTimeout(()=>errorDiv.remove(),3000)}</script><!-- Right Click Disable --><script>document.addEventListener('contextmenu',function(event){event.preventDefault()});</script><!-- IFrame Setup --><script src="https://cdnjs.cloudflare.com/ajax/libs/iframe-resizer/4.3.2/iframeResizer.min.js"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/iframe-resizer/4.3.2/iframeResizer.contentWindow.min.js"></script></body></html>