window.renderArmLengthCalculator = // Define a function to render the ArmLengthCalculator function renderArmLengthCalculator(container) { // Simple implementation matching the React component const html = `

Transfer Price ($ per unit): 0.50

FruitCo (Producer)

Price: $0.50

Cost: $0.30

Profit: $0.20

SalesCo (Distributor)

Revenue: $1.00

Cost: $0.50

Profit: $0.50

`; // Insert the HTML container.innerHTML = html; // Add event listener for the slider const slider = document.getElementById('transferPriceSlider'); if (slider) { function updateCalculation() { const transferPrice = parseFloat(slider.value); // Update displayed values document.getElementById('transferPriceValue').textContent = transferPrice.toFixed(2); document.getElementById('producerPrice').textContent = transferPrice.toFixed(2); document.getElementById('distributorCost').textContent = transferPrice.toFixed(2); // Calculate profits const producerCost = 0.30; const producerProfit = transferPrice - producerCost; const distributorRevenue = 1.00; const distributorProfit = distributorRevenue - transferPrice; document.getElementById('producerProfit').textContent = producerProfit.toFixed(2); document.getElementById('distributorProfit').textContent = distributorProfit.toFixed(2); } slider.addEventListener('input', updateCalculation); updateCalculation(); } }; // Assign to window object if (typeof window !== 'undefined') { window.renderArmLengthCalculator = renderArmLengthCalculator; }

Range types used in practice

Range types used in practice