Understanding the unemployment rate is crucial for assessing the health of an economy. This calculator helps you quickly determine the unemployment rate based on the number of unemployed individuals and the total labor force.
.unemployment-calculator {
font-family: Arial, sans-serif;
max-width: 500px;
margin: 20px auto;
padding: 20px;
border: 1px solid #ddd;
border-radius: 8px;
background-color: #f9f9f9;
}
.unemployment-calculator h2 {
text-align: center;
color: #333;
margin-bottom: 20px;
}
.unemployment-calculator p {
font-size: 1em;
line-height: 1.5;
color: #555;
margin-bottom: 20px;
}
.input-section {
margin-bottom: 15px;
}
.input-section label {
display: block;
margin-bottom: 5px;
font-weight: bold;
color: #444;
}
.input-section input {
width: 100%;
padding: 10px;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box; /* Ensures padding doesn't affect width */
}
.unemployment-calculator button {
width: 100%;
padding: 12px 20px;
background-color: #4CAF50;
color: white;
border: none;
border-radius: 4px;
cursor: pointer;
font-size: 16px;
transition: background-color 0.3s ease;
}
.unemployment-calculator button:hover {
background-color: #45a049;
}
.result-section {
margin-top: 20px;
padding: 15px;
border: 1px solid #eee;
border-radius: 4px;
background-color: #e9ffe9;
text-align: center;
font-size: 1.2em;
color: #333;
font-weight: bold;
}
function calculateUnemploymentRate() {
var unemployedInput = document.getElementById("unemployed");
var laborForceInput = document.getElementById("laborForce");
var resultDiv = document.getElementById("result");
var unemployed = parseFloat(unemployedInput.value);
var laborForce = parseFloat(laborForceInput.value);
if (isNaN(unemployed) || isNaN(laborForce)) {
resultDiv.innerHTML = "Please enter valid numbers for both fields.";
return;
}
if (laborForce <= 0) {
resultDiv.innerHTML = "The total labor force must be greater than zero.";
return;
}
if (unemployed laborForce) {
resultDiv.innerHTML = "The number of unemployed individuals cannot be greater than the total labor force.";
return;
}
var unemploymentRate = (unemployed / laborForce) * 100;
resultDiv.innerHTML = "Unemployment Rate: " + unemploymentRate.toFixed(2) + "%";
}