This calculator helps you determine the scrap rate for your production process. Scrap rate is a critical metric that measures the percentage of defective or unusable products produced compared to the total number of products manufactured. A lower scrap rate indicates higher efficiency and quality control.
function calculateScrapRate() {
var totalUnits = document.getElementById("totalUnitsProduced").value;
var unitsScrapped = document.getElementById("unitsScrapped").value;
var resultElement = document.getElementById("result");
// Clear previous results and error messages
resultElement.innerHTML = "";
// Validate inputs
if (isNaN(totalUnits) || totalUnits === "" || totalUnits <= 0) {
resultElement.innerHTML = "Please enter a valid number for Total Units Produced (must be greater than 0).";
return;
}
if (isNaN(unitsScrapped) || unitsScrapped === "" || unitsScrapped parseFloat(totalUnits)) {
resultElement.innerHTML = "Units Scrapped cannot be greater than Total Units Produced.";
return;
}
// Calculate scrap rate
var scrapRate = (parseFloat(unitsScrapped) / parseFloat(totalUnits)) * 100;
// Display the result
resultElement.innerHTML = "Scrap Rate: " + scrapRate.toFixed(2) + "%";
}
.calculator-container {
font-family: sans-serif;
border: 1px solid #ccc;
padding: 20px;
border-radius: 8px;
max-width: 500px;
margin: 20px auto;
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
.calculator-inputs {
margin-bottom: 20px;
}
.form-group {
margin-bottom: 15px;
display: flex;
flex-direction: column;
}
.form-group label {
margin-bottom: 5px;
font-weight: bold;
}
.form-group input[type="number"] {
padding: 10px;
border: 1px solid #ccc;
border-radius: 4px;
font-size: 1rem;
}
button {
padding: 10px 15px;
background-color: #007bff;
color: white;
border: none;
border-radius: 4px;
cursor: pointer;
font-size: 1rem;
transition: background-color 0.3s ease;
}
button:hover {
background-color: #0056b3;
}
.calculator-result {
margin-top: 20px;
padding: 15px;
background-color: #e9ecef;
border: 1px solid #ced4da;
border-radius: 4px;
font-size: 1.1rem;
text-align: center;
}