#size-calculator {
padding: 20px;
background-color: #f9f9f9;
border-radius: 8px;
width: 300px;
margin: 0 auto;
}
#size-calculator input, #size-calculator select, #size-calculator button {
width: 100%;
padding: 8px;
margin: 10px 0;
border-radius: 4px;
}
#size-calculator button {
background-color: #007bff;
color: white;
border: none;
}
#size-calculator button:hover {
background-color: #0056b3;
}
#result {
margin-top: 20px;
font-size: 18px;
font-weight: bold;
}
function calculateBraSize() {
const bandMeasurement = parseFloat(document.getElementById('band-measurement').value);
const bustMeasurement = parseFloat(document.getElementById('bust-measurement').value);
const country = document.getElementById('country').value;
if (isNaN(bandMeasurement) || isNaN(bustMeasurement)) {
document.getElementById('result').innerHTML = 'Please enter valid measurements.';
return;
}
let bandSize, cupSize, size;
// Calculate Band Size (for EU system, use the measurement as it is)
if (country === 'EU') {
bandSize = bandMeasurement;
} else if (country === 'US') {
bandSize = bandMeasurement - 10; // US band size is typically 10 less than EU.
}
// Calculate Cup Size (difference between bust and band measurement)
let cupDifference = bustMeasurement - bandMeasurement;
if (cupDifference <= 2.5) {
cupSize = 'A';
} else if (cupDifference <= 5) {
cupSize = 'B';
} else if (cupDifference <= 7.5) {
cupSize = 'C';
} else if (cupDifference <= 10) {
cupSize = 'D';
} else if (cupDifference <= 12.5) {
cupSize = 'DD/E';
} else {
cupSize = 'F';
}
// Display the result
size = `Your recommended size is: ${bandSize}${cupSize}`;
document.getElementById('result').innerHTML = size;
}
