#whatnotFeeCalculator {
font-family: sans-serif;
padding: 20px;
border: 1px solid #ccc;
border-radius: 8px;
background-color: #f9f9f9;
}
#whatnotFeeCalculator label {
display: block;
margin-bottom: 8px;
font-weight: bold;
color: #333;
}
#whatnotFeeCalculator input[type="number"] {
width: calc(100% – 22px);
padding: 10px;
margin-bottom: 15px;
border: 1px solid #ddd;
border-radius: 4px;
box-sizing: border-box;
}
#whatnotFeeCalculator button {
background-color: #007bff;
color: white;
padding: 10px 15px;
border: none;
border-radius: 4px;
cursor: pointer;
font-size: 16px;
margin-top: 10px;
}
#whatnotFeeCalculator button:hover {
background-color: #0056b3;
}
#whatnotFeeCalculator #result {
margin-top: 20px;
padding: 15px;
border: 1px solid #e0e0e0;
border-radius: 4px;
background-color: #fff;
font-size: 1.1em;
color: #333;
}
#whatnotFeeCalculator .fee-breakdown {
margin-top: 10px;
font-size: 0.9em;
color: #555;
}
function calculateWhatnotFees() {
var salePrice = parseFloat(document.getElementById("salePrice").value);
var paymentProcessingFeeRate = parseFloat(document.getElementById("paymentProcessingFeeRate").value);
var whatnotPlatformFeeRate = parseFloat(document.getElementById("whatnotPlatformFeeRate").value);
var taxRate = parseFloat(document.getElementById("taxRate").value);
var resultDiv = document.getElementById("result");
var feeBreakdownDiv = document.getElementById("feeBreakdown");
resultDiv.innerHTML = ";
feeBreakdownDiv.innerHTML = ";
if (isNaN(salePrice) || salePrice < 0 ||
isNaN(paymentProcessingFeeRate) || paymentProcessingFeeRate < 0 ||
isNaN(whatnotPlatformFeeRate) || whatnotPlatformFeeRate < 0 ||
isNaN(taxRate) || taxRate < 0) {
resultDiv.innerHTML = "Please enter valid positive numbers for all fields.";
return;
}
// Convert percentages to decimals
var paymentProcessingDecimal = paymentProcessingFeeRate / 100;
var whatnotPlatformDecimal = whatnotPlatformFeeRate / 100;
var taxDecimal = taxRate / 100;
// Calculate fees
var paymentProcessingFee = salePrice * paymentProcessingDecimal;
var whatnotPlatformFee = salePrice * whatnotPlatformDecimal;
var salesTaxCollected = salePrice * taxDecimal;
var totalFees = paymentProcessingFee + whatnotPlatformFee;
var netPayout = salePrice – totalFees – salesTaxCollected;
// Display results
resultDiv.innerHTML = "Estimated Net Payout: $" + netPayout.toFixed(2);
feeBreakdownDiv.innerHTML = "Fee Breakdown:" +
"Sale Price: $" + salePrice.toFixed(2) + "" +
"Payment Processing Fee (" + paymentProcessingFeeRate + "%): $" + paymentProcessingFee.toFixed(2) + "" +
"Whatnot Platform Fee (" + whatnotPlatformFeeRate + "%): $" + whatnotPlatformFee.toFixed(2) + "" +
"Estimated Sales Tax Collected (" + taxRate + "%): $" + salesTaxCollected.toFixed(2) + "" +
"Total Estimated Fees: $" + totalFees.toFixed(2);
}
Whatnot Fee Calculator
Calculate the estimated fees you'll pay on Whatnot sales. This calculator helps you understand the breakdown of platform fees, payment processing fees, and potential taxes.