Pack 88 Class B Order Form
'Class B' T-shirts and sweatshirts are Cub Scout uniforms that are worn at causal Pack events and outings.
For parents, they can help identify each other while out at events.
Kids Hoodies
Result: $0
Result: $0
Result: $0
Result: $0
Adult Hoodies
Result: $0
Result: $0
Result: $0
Result: $0
Kids T-Shirts
Result: $0
Result: $0
Result: $0
Result: $0
Adult T-shirt
Result: $0
Result: $0
Result: $0
Result: $0
var kids_SM_hoodie_Price = 38;
var kids_MD_hoodie_Price = 38;
var kids_LG_hoodie_Price = 38;
var kids_XL_hoodie_Price = 38;
var adults_SM_hoodie_Price = 38;
var adults_MD_hoodie_Price = 38;
var adults_LG_hoodie_Price = 38;
var adults_XL_hoodie_Price = 38;
var kids_SM_shirt_Price = 25;
var kids_MD_shirt_Price = 25;
var kids_LG_shirt_Price = 25;
var kids_XL_shirt_Price = 25;
var adults_SM_shirt_Price = 25;
var adults_MD_shirt_Price = 25;
var adults_LG_shirt_Price = 25;
var adults_XL_shirt_Price = 25;
document.getElementById('kids_SM_hoodie_set_price').textContent = "$" + kids_SM_hoodie_Price;
document.getElementById('kids_MD_hoodie_set_price').textContent = "$" + kids_MD_hoodie_Price;
document.getElementById('kids_LG_hoodie_set_price').textContent = "$" + kids_LG_hoodie_Price;
document.getElementById('kids_XL_hoodie_set_price').textContent = "$" + kids_XL_hoodie_Price;
document.getElementById('adults_SM_hoodie_set_price').textContent = "$" + adults_SM_hoodie_Price;
document.getElementById('adults_MD_hoodie_set_price').textContent = "$" + adults_MD_hoodie_Price;
document.getElementById('adults_LG_hoodie_set_price').textContent = "$" + adults_LG_hoodie_Price;
document.getElementById('adults_XL_hoodie_set_price').textContent = "$" + adults_XL_hoodie_Price;
document.getElementById('kids_SM_shirt_set_price').textContent = "$" + kids_SM_shirt_Price;
document.getElementById('kids_MD_shirt_set_price').textContent = "$" + kids_MD_shirt_Price;
document.getElementById('kids_LG_shirt_set_price').textContent = "$" + kids_LG_shirt_Price;
document.getElementById('adults_SM_shirt_set_price').textContent = "$" + adults_SM_shirt_Price;
document.getElementById('adults_MD_shirt_set_price').textContent = "$" + adults_MD_shirt_Price;
document.getElementById('adults_LG_shirt_set_price').textContent = "$" + adults_LG_shirt_Price;
document.getElementById('adults_XL_shirt_set_price').textContent = "$" + adults_XL_shirt_Price;
document.getElementById('fixme').textContent = "$" + kids_XL_shirt_Price;
// GLobal Stuff
// Toggle border and calculate the price for each shirt size
function toggleCheck(img, selectName) {
const select = document.querySelector(select[name="${selectName}"]);
const qty = select.value;
if (qty != "0") {
img.style.border = '4px solid #eee16c'; // Add border if value is not 0
} else {
img.style.border = ''; // Remove border if value is 0
}
}
// Kids Hoodies
// Listen for changes to the dropdown for each hoodie size
document.addEventListener('change', function (event) {
const select = event.target;
// Handle SM Hoodie selection
if (select.name === 'kids_SM_hoodie_select') {
const qty = parseInt(select.value) || 0;
const cost = kids_SM_hoodie_Price || 0;
const total = qty * cost;
document.getElementById('kids_SM_hoodie_result').textContent = total;
// Apply/remove border based on selection
const img = document.getElementById('kidshoodieImageSM');
if (qty !== 0) {
img.style.border = '4px solid #eee16c';
} else {
img.style.border = '';
}
}
// Handle MD Hoodie selection
if (select.name === 'kids_MD_hoodie_select') {
const qty = parseInt(select.value) || 0;
const cost = kids_MD_hoodie_Price || 0;
const total = qty * cost;
document.getElementById('kids_MD_hoodie_result').textContent = total;
// Apply/remove border based on selection
const img = document.getElementById('kidshoodieImageMD');
if (qty !== 0) {
img.style.border = '4px solid #eee16c';
} else {
img.style.border = '';
}
}
// Handle LG Hoodie selection
if (select.name === 'kids_LG_hoodie_select') {
const qty = parseInt(select.value) || 0;
const cost = kids_LG_hoodie_Price || 0;
const total = qty * cost;
document.getElementById('kids_LG_hoodie_result').textContent = total;
// Apply/remove border based on selection
const img = document.getElementById('kidshoodieImageLG');
if (qty !== 0) {
img.style.border = '4px solid #eee16c';
} else {
img.style.border = '';
}
}
// Handle XL Hoodie selection
if (select.name === 'kids_XL_hoodie_select') {
const qty = parseInt(select.value) || 0;
const cost = kids_XL_hoodie_Price || 0;
const total = qty * cost;
document.getElementById('kids_XL_hoodie_result').textContent = total;
// Apply/remove border based on selection
const img = document.getElementById('kidshoodieImageXL');
if (qty !== 0) {
img.style.border = '4px solid #eee16c';
} else {
img.style.border = '';
}
}
});
// Adult Hoodies
// Listen for changes to the dropdown for each hoodie size
document.addEventListener('change', function (event) {
const select = event.target;
// Handle SM Hoodie selection for adults
if (select.name === 'adults_SM_hoodie_select') {
const qty = parseInt(select.value) || 0;
const cost = adults_SM_hoodie_Price || 0;
const total = qty * cost;
document.getElementById('adults_SM_hoodie_result').textContent = total;
// Apply/remove border based on selection
const img = document.getElementById('hoodieImageSM');
if (qty !== 0) {
img.style.border = '4px solid #eee16c';
} else {
img.style.border = '';
}
}
// Handle MD Hoodie selection for adults
if (select.name === 'adults_MD_hoodie_select') {
const qty = parseInt(select.value) || 0;
const cost = adults_MD_hoodie_Price || 0;
const total = qty * cost;
document.getElementById('adults_MD_hoodie_result').textContent = total;
// Apply/remove border based on selection
const img = document.getElementById('hoodieImageMD');
if (qty !== 0) {
img.style.border = '4px solid #eee16c';
} else {
img.style.border = '';
}
}
// Handle LG Hoodie selection for adults
if (select.name === 'adults_LG_hoodie_select') {
const qty = parseInt(select.value) || 0;
const cost = adults_LG_hoodie_Price || 0;
const total = qty * cost;
document.getElementById('adults_LG_hoodie_result').textContent = total;
// Apply/remove border based on selection
const img = document.getElementById('hoodieImageLG');
if (qty !== 0) {
img.style.border = '4px solid #eee16c';
} else {
img.style.border = '';
}
}
// Handle XL Hoodie selection for adults
if (select.name === 'adults_XL_hoodie_select') {
const qty = parseInt(select.value) || 0;
const cost = adults_XL_hoodie_Price || 0;
const total = qty * cost;
document.getElementById('adults_XL_hoodie_result').textContent = total;
// Apply/remove border based on selection
const img = document.getElementById('hoodieImageXL');
if (qty !== 0) {
img.style.border = '4px solid #eee16c';
} else {
img.style.border = '';
}
}
});
// Kids T-Shirts
// Listen for changes to the dropdown for each shirt size
document.addEventListener('change', function (event) {
const select = event.target;
// Handle SM shirt selection
if (select.name === 'kids_SM_shirt_select') {
const qty = parseInt(select.value) || 0;
const cost = kids_SM_shirt_Price || 0;
const total = qty * cost;
document.getElementById('kids_SM_shirt_result').textContent = total;
// Apply/remove border based on selection
const img = document.getElementById('kidsshirtImageSM');
if (qty !== 0) {
img.style.border = '4px solid #eee16c';
} else {
img.style.border = '';
}
}
// Handle MD shirt selection
if (select.name === 'kids_MD_shirt_select') {
const qty = parseInt(select.value) || 0;
const cost = kids_MD_shirt_Price || 0;
const total = qty * cost;
document.getElementById('kids_MD_shirt_result').textContent = total;
// Apply/remove border based on selection
const img = document.getElementById('kidsshirtImageMD');
if (qty !== 0) {
img.style.border = '4px solid #eee16c';
} else {
img.style.border = '';
}
}
// Handle LG shirt selection
if (select.name === 'kids_LG_shirt_select') {
const qty = parseInt(select.value) || 0;
const cost = kids_LG_shirt_Price || 0;
const total = qty * cost;
document.getElementById('kids_LG_shirt_result').textContent = total;
// Apply/remove border based on selection
const img = document.getElementById('kidsshirtImageLG');
if (qty !== 0) {
img.style.border = '4px solid #eee16c';
} else {
img.style.border = '';
}
}
// Handle XL shirt selection
if (select.name === 'kids_XL_shirt_select') {
const qty = parseInt(select.value) || 0;
const cost = kids_XL_shirt_Price || 0;
const total = qty * cost;
document.getElementById('kids_XL_shirt_result').textContent = total;
// Apply/remove border based on selection
const img = document.getElementById('kidsshirtImageXL');
if (qty !== 0) {
img.style.border = '4px solid #eee16c';
} else {
img.style.border = '';
}
}
});
// Adults T-Shirts
// Listen for changes to the dropdown for each shirt size
document.addEventListener('change', function (event) {
const select = event.target;
// Handle SM shirt selection for adults
if (select.name === 'adults_SM_shirt_select') {
const qty = parseInt(select.value) || 0;
const cost = adults_SM_shirt_Price || 0;
const total = qty * cost;
document.getElementById('adults_SM_shirt_result').textContent = total;
// Apply/remove border based on selection
const img = document.getElementById('shirtImageSM');
if (qty !== 0) {
img.style.border = '4px solid #eee16c';
} else {
img.style.border = '';
}
}
// Handle MD shirt selection for adults
if (select.name === 'adults_MD_shirt_select') {
const qty = parseInt(select.value) || 0;
const cost = adults_MD_shirt_Price || 0;
const total = qty * cost;
document.getElementById('adults_MD_shirt_result').textContent = total;
// Apply/remove border based on selection
const img = document.getElementById('shirtImageMD');
if (qty !== 0) {
img.style.border = '4px solid #eee16c';
} else {
img.style.border = '';
}
}
// Handle LG shirt selection for adults
if (select.name === 'adults_LG_shirt_select') {
const qty = parseInt(select.value) || 0;
const cost = adults_LG_shirt_Price || 0;
const total = qty * cost;
document.getElementById('adults_LG_shirt_result').textContent = total;
// Apply/remove border based on selection
const img = document.getElementById('shirtImageLG');
if (qty !== 0) {
img.style.border = '4px solid #eee16c';
} else {
img.style.border = '';
}
}
// Handle XL shirt selection for adults
if (select.name === 'adults_XL_shirt_select') {
const qty = parseInt(select.value) || 0;
const cost = adults_XL_shirt_Price || 0;
const total = qty * cost;
document.getElementById('adults_XL_shirt_result').textContent = total;
// Apply/remove border based on selection
const img = document.getElementById('shirtImageXL');
if (qty !== 0) {
img.style.border = '4px solid #eee16c';
} else {
img.style.border = '';
}
}
});
Please make payment via Venmo to @Lori-Sussman-2.
2025 Order Deadline: Fri - 1/31/2025.
Estimated date of delivery: Fri - 2/14/2025.
function updateTotalCost() {
let totalCost = 0;
function updateItemCost(selectName, hiddenName, pricePerItem, resultId) {
const qty = parseInt(document.querySelector(`select[name="${selectName}_select"]`).value) || 0;
const itemCost = qty * pricePerItem;
// Update the hidden field
const hiddenField = document.querySelector(`input[name="${hiddenName}_cost"]`);
if (hiddenField) {
hiddenField.value = itemCost;
}
// Update the result span for display
const resultSpan = document.getElementById(resultId);
if (resultSpan) {
resultSpan.textContent = itemCost;
}
return itemCost;
}
// Update each item
totalCost += updateItemCost('kids_SM_hoodie', 'kids_SM_hoodie', kids_SM_hoodie_Price, 'kids_SM_hoodie_result');
totalCost += updateItemCost('kids_MD_hoodie', 'kids_MD_hoodie', kids_MD_hoodie_Price, 'kids_MD_hoodie_result');
totalCost += updateItemCost('kids_LG_hoodie', 'kids_LG_hoodie', kids_LG_hoodie_Price, 'kids_LG_hoodie_result');
totalCost += updateItemCost('kids_XL_hoodie', 'kids_XL_hoodie', kids_XL_hoodie_Price, 'kids_XL_hoodie_result');
totalCost += updateItemCost('adults_SM_hoodie', 'adults_SM_hoodie', adults_SM_hoodie_Price, 'adults_SM_hoodie_result');
totalCost += updateItemCost('adults_MD_hoodie', 'adults_MD_hoodie', adults_MD_hoodie_Price, 'adults_MD_hoodie_result');
totalCost += updateItemCost('adults_LG_hoodie', 'adults_LG_hoodie', adults_LG_hoodie_Price, 'adults_LG_hoodie_result');
totalCost += updateItemCost('adults_XL_hoodie', 'adults_XL_hoodie', adults_XL_hoodie_Price, 'adults_XL_hoodie_result');
// Update each item
totalCost += updateItemCost('kids_SM_shirt', 'kids_SM_shirt', kids_SM_shirt_Price, 'kids_SM_shirt_result');
totalCost += updateItemCost('kids_MD_shirt', 'kids_MD_shirt', kids_MD_shirt_Price, 'kids_MD_shirt_result');
totalCost += updateItemCost('kids_LG_shirt', 'kids_LG_shirt', kids_LG_shirt_Price, 'kids_LG_shirt_result');
totalCost += updateItemCost('kids_XL_shirt', 'kids_XL_shirt', kids_XL_shirt_Price, 'kids_XL_shirt_result');
totalCost += updateItemCost('adults_SM_shirt', 'adults_SM_shirt', adults_SM_shirt_Price, 'adults_SM_shirt_result');
totalCost += updateItemCost('adults_MD_shirt', 'adults_MD_shirt', adults_MD_shirt_Price, 'adults_MD_shirt_result');
totalCost += updateItemCost('adults_LG_shirt', 'adults_LG_shirt', adults_LG_shirt_Price, 'adults_LG_shirt_result');
totalCost += updateItemCost('adults_XL_shirt', 'adults_XL_shirt', adults_XL_shirt_Price, 'adults_XL_shirt_result');
// Optionally, update total cost in a visible area
document.getElementById('total-cost').textContent = totalCost;
// Update the hidden field for the total cost (if needed)
const totalField = document.querySelector('#total-cost-field');
if (totalField) {
totalField.value = totalCost;
}
}
// Attach event listeners to all select elements
document.querySelectorAll('select').forEach(select => {
select.addEventListener('change', updateTotalCost);
});
// Initial calculation to ensure fields start at zero
document.addEventListener('DOMContentLoaded', updateTotalCost);
