|
import './components/slider.js';
|
|
|
|
document.addEventListener('DOMContentLoaded', () => {
|
|
const slider = document.querySelector('custom-slider');
|
|
const priceDisplay = document.getElementById('price-display');
|
|
|
|
if (slider && priceDisplay) {
|
|
const pricePerGb = 0.5; // This should be fetched from the config
|
|
|
|
const updatePrice = () => {
|
|
const value = slider.value;
|
|
const price = (value * pricePerGb).toFixed(2);
|
|
priceDisplay.textContent = `$${price}`;
|
|
};
|
|
|
|
updatePrice();
|
|
|
|
slider.addEventListener('value-change', updatePrice);
|
|
}
|
|
});
|