// Define base prices for each service const basePrices = { 'serviceType1': 500, // Example service 1 price 'serviceType2': 1000, // Example service 2 price 'serviceType3': 1500, // Example service 3 price }; // Prices for extra services const extraServicesPrices = { transport: 50, accommodation: 100, food: 30, }; // Function to calculate the estimated cost function calculateEstimatedCost() { let estimatedCost = 0; // Get the selected service type and base price const selectedService = $w('#serviceTypeDropdown').value; estimatedCost += basePrices[selectedService] || 0; // Get the duration of the treatment and number of travelers const treatmentDuration = $w('#treatmentDurationSlider').value; const numberOfTravelers = $w('#travelerNumberSlider').value; // Example: Add cost per day of treatment and per traveler estimatedCost += treatmentDuration * 50; // Add €50 per day of treatment estimatedCost += numberOfTravelers * 100; // Add €100 per traveler // Check extra services (transport, accommodation, food) if ($w('#transportToggle').checked) { estimatedCost += extraServicesPrices.transport; } if ($w('#accommodationToggle').checked) { estimatedCost += extraServicesPrices.accommodation * treatmentDuration; // Accommodation is based on days } if ($w('#foodToggle').checked) { estimatedCost += extraServicesPrices.food * numberOfTravelers; // Food is based on travelers } // Display the calculated cost $w('#estimatedCostText').text = `Estimated Cost: €${estimatedCost}`; } // Attach event handlers to update the cost in real time $w.onReady(function () { // When sliders or toggles are changed, recalculate the cost $w('#treatmentDurationSlider').onChange(calculateEstimatedCost); $w('#travelerNumberSlider').onChange(calculateEstimatedCost); $w('#transportToggle').onChange(calculateEstimatedCost); $w('#accommodationToggle').onChange(calculateEstimatedCost); $w('#foodToggle').onChange(calculateEstimatedCost); $w('#serviceTypeDropdown').onChange(calculateEstimatedCost); });

top of page