Untitled

// Importez la bibliothèque "noUiSlider" depuis un package NPM ou depuis un CDN ici, si ce n'est pas déjà fait.

document.addEventListener("DOMContentLoaded", function() {
    // Initialize the priceMinSlider
    var priceMinSlider = document.getElementById('priceMinSlider');
    var priceMinValue = priceMinSlider.getAttribute('data-start');
    noUiSlider.create(priceMinSlider, {
        start: [priceMinValue, 0],
    connect: true,
        range: {
        'min': 0,
            'max': 10000
    }
});

    // Update the hidden input when slider value changes when dom is finished load
    document.addEventListener("DOMContentLoaded", function() {
        var priceMin = document.getElementById('priceMin');
        priceMinSlider.noUiSlider.on('update', function (values) {
            priceMin.value = values[0];
        });
    });


    // Initialize the priceMaxSlider
    var priceMaxSlider = document.getElementById('priceMaxSlider');
    var priceMaxValue = priceMaxSlider.getAttribute('data-start');
    noUiSlider.create(priceMaxSlider, {
        start: [priceMinValue, priceMaxValue],
        connect: true,
        range: {
            'min': 0,
            'max': 10000
        }
    });

    // Update the hidden input when slider value changes
    var priceMax = document.getElementById('priceMax');
    priceMaxSlider.noUiSlider.on('update', function (values) {
        priceMax.value = values[1];
    });
});
// Importez la bibliothèque "noUiSlider" depuis un package NPM ou depuis un CDN ici, si ce n'est pas déjà fait.

document.addEventListener("DOMContentLoaded", function() {
    // Initialize the priceMinSlider
    var priceMinSlider = document.getElementById('priceMinSlider');
    var priceMinValue = priceMinSlider.getAttribute('data-start');
    noUiSlider.create(priceMinSlider, {
        start: [priceMinValue, 0],
    connect: true,
        range: {
        'min': 0,
            'max': 10000
    }
});

    // Update the hidden input when slider value changes when dom is finished load
    document.addEventListener("DOMContentLoaded", function() {
        var priceMin = document.getElementById('priceMin');
        priceMinSlider.noUiSlider.on('update', function (values) {
            priceMin.value = values[0];
        });
    });


    // Initialize the priceMaxSlider
    var priceMaxSlider = document.getElementById('priceMaxSlider');
    var priceMaxValue = priceMaxSlider.getAttribute('data-start');
    noUiSlider.create(priceMaxSlider, {
        start: [priceMinValue, priceMaxValue],
        connect: true,
        range: {
            'min': 0,
            'max': 10000
        }
    });

    // Update the hidden input when slider value changes
    var priceMax = document.getElementById('priceMax');
    priceMaxSlider.noUiSlider.on('update', function (values) {
        priceMax.value = values[1];
    });
});